@solid-design-system/components 1.39.1 → 2.1.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.39.1",
+  "version": "2.1.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1335,6 +1335,129 @@
             }
           ]
         },
+        {
+          "name": "sd-dialog",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "modal",
+                "value": {
+                  "type": "Modal"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "headline",
+                "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "noCloseButton",
+                "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "requestClose",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the dialog.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the dialog",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the dialog opens."
+              },
+              {
+                "name": "sd-after-show",
+                "description": "Emitted after the dialog opens and all animations are complete."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the dialog closes."
+              },
+              {
+                "name": "sd-after-hide",
+                "description": "Emitted after the dialog closes and all animations are complete."
+              },
+              {
+                "name": "sd-initial-focus",
+                "description": "Emitted when the dialog 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 dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "headline",
+              "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "no-close-button",
+              "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-divider",
           "description": "",
@@ -2334,6 +2457,13 @@
                   "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
                 }
               },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "spellcheck",
                 "description": "Enables spell checking on the input.",
@@ -2676,6 +2806,13 @@
                 "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               }
             },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "spellcheck",
               "description": "Enables spell checking on the input.",
@@ -4373,6 +4510,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "hoist",
                 "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
@@ -4703,6 +4847,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "hoist",
               "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
@@ -5358,6 +5509,13 @@
                   "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
                 }
               },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "spellcheck",
                 "description": "Enables spell checking on the textarea.",
@@ -5633,6 +5791,13 @@
                 "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               }
             },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "spellcheck",
               "description": "Enables spell checking on the textarea.",
@@ -5944,7 +6109,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-accordion-group",
+          "name": "sd-2-1-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -5974,7 +6139,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-accordion",
+          "name": "sd-2-1-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6057,7 +6222,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-badge",
+          "name": "sd-2-1-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6111,7 +6276,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-brandshape",
+          "name": "sd-2-1-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6200,7 +6365,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-button",
+          "name": "sd-2-1-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -6562,7 +6727,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-carousel-item",
+          "name": "sd-2-1-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -6577,7 +6742,7 @@
           "attributes": []
         },
         {
-          "name": "sd-1-39-1-carousel",
+          "name": "sd-2-1-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -6781,7 +6946,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-checkbox-group",
+          "name": "sd-2-1-0-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -6859,7 +7024,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-checkbox",
+          "name": "sd-2-1-0-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7100,7 +7265,130 @@
           ]
         },
         {
-          "name": "sd-1-39-1-divider",
+          "name": "sd-2-1-0-dialog",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "modal",
+                "value": {
+                  "type": "Modal"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "headline",
+                "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "noCloseButton",
+                "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "requestClose",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the dialog.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the dialog",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the dialog opens."
+              },
+              {
+                "name": "sd-after-show",
+                "description": "Emitted after the dialog opens and all animations are complete."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the dialog closes."
+              },
+              {
+                "name": "sd-after-hide",
+                "description": "Emitted after the dialog closes and all animations are complete."
+              },
+              {
+                "name": "sd-initial-focus",
+                "description": "Emitted when the dialog 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 dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "headline",
+              "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "no-close-button",
+              "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-2-1-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -7140,7 +7428,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-drawer",
+          "name": "sd-2-1-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -7293,7 +7581,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-dropdown",
+          "name": "sd-2-1-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -7547,7 +7835,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-header",
+          "name": "sd-2-1-0-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -7599,7 +7887,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-icon",
+          "name": "sd-2-1-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -7708,7 +7996,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-include",
+          "name": "sd-2-1-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -7779,7 +8067,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-input",
+          "name": "sd-2-1-0-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -8020,6 +8308,13 @@
                   "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
                 }
               },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "spellcheck",
                 "description": "Enables spell checking on the input.",
@@ -8362,6 +8657,13 @@
                 "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               }
             },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "spellcheck",
               "description": "Enables spell checking on the input.",
@@ -8372,7 +8674,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-link",
+          "name": "sd-2-1-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -8499,7 +8801,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-navigation-item",
+          "name": "sd-2-1-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -8724,7 +9026,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-notification",
+          "name": "sd-2-1-0-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -8890,7 +9192,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-option",
+          "name": "sd-2-1-0-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9019,7 +9321,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-popup",
+          "name": "sd-2-1-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -9371,7 +9673,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-radio-button",
+          "name": "sd-2-1-0-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -9470,7 +9772,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-radio-group",
+          "name": "sd-2-1-0-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -9729,7 +10031,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-radio",
+          "name": "sd-2-1-0-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -9851,7 +10153,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-select",
+          "name": "sd-2-1-0-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -10059,6 +10361,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "hoist",
                 "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
@@ -10389,6 +10698,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "hoist",
               "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
@@ -10406,7 +10722,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-spinner",
+          "name": "sd-2-1-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -10436,7 +10752,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-switch",
+          "name": "sd-2-1-0-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -10651,7 +10967,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-tag",
+          "name": "sd-2-1-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -10805,7 +11121,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-teaser",
+          "name": "sd-2-1-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -10877,7 +11193,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-textarea",
+          "name": "sd-2-1-0-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -11044,6 +11360,13 @@
                   "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
                 }
               },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "spellcheck",
                 "description": "Enables spell checking on the textarea.",
@@ -11319,6 +11642,13 @@
                 "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               }
             },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "spellcheck",
               "description": "Enables spell checking on the textarea.",
@@ -11336,7 +11666,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-tooltip",
+          "name": "sd-2-1-0-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -11529,7 +11859,7 @@
           ]
         },
         {
-          "name": "sd-1-39-1-video",
+          "name": "sd-2-1-0-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {