@solid-design-system/components 1.25.0 → 1.27.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.25.0",
+  "version": "1.27.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -3013,6 +3013,172 @@
             }
           ]
         },
+        {
+          "name": "sd-notification",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
+          "js": {
+            "properties": [
+              {
+                "name": "autoHideTimeout",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not sd-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "closable",
+                "description": "Enables a close button that allows the user to dismiss the notification.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "variant",
+                "description": "The sd-notification's theme.",
+                "value": {
+                  "type": "'info' | 'success' | 'error' | 'warning'"
+                }
+              },
+              {
+                "name": "toastStack",
+                "description": "The position of the toasted sd-notification.",
+                "value": {
+                  "type": "'top-right' | 'bottom-center'"
+                }
+              },
+              {
+                "name": "duration",
+                "description": "The length of time, in milliseconds, the sd-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
+                "value": {}
+              },
+              {
+                "name": "durationIndicator",
+                "description": "Enables an animation that visualizes the duration of a notification.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "remainingDuration",
+                "value": {}
+              },
+              {
+                "name": "startTime",
+                "value": {}
+              },
+              {
+                "name": "startAutoHide",
+                "value": {}
+              },
+              {
+                "name": "onHover",
+                "value": {}
+              },
+              {
+                "name": "onHoverEnd",
+                "value": {}
+              },
+              {
+                "name": "handleCloseClick",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "handleDurationChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the notification.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the notification",
+                "value": {}
+              },
+              {
+                "name": "toast",
+                "description": "Displays the notification as a toast notification. This will move the notification out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the notification, you can reuse it by\ncalling this method again. The returned promise will resolve after the notification is hidden.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the notification opens."
+              },
+              {
+                "name": "sd-after-show",
+                "description": "Emitted after the notification opens and all animations are complete."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the notification closes."
+              },
+              {
+                "name": "sd-after-hide",
+                "description": "Emitted after the notification closes and all animations are complete."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not sd-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "closable",
+              "description": "Enables a close button that allows the user to dismiss the notification.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "The sd-notification's theme.",
+              "value": {
+                "type": "'info' | 'success' | 'error' | 'warning'"
+              }
+            },
+            {
+              "name": "toast-stack",
+              "description": "The position of the toasted sd-notification.",
+              "value": {
+                "type": "'top-right' | 'bottom-center'"
+              }
+            },
+            {
+              "name": "duration",
+              "description": "The length of time, in milliseconds, the sd-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
+              "value": {}
+            },
+            {
+              "name": "duration-indicator",
+              "description": "Enables an animation that visualizes the duration of a notification.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-popup",
           "description": "",
@@ -3748,6 +3914,212 @@
             }
           ]
         },
+        {
+          "name": "sd-switch",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
+              {
+                "name": "title",
+                "description": "The title of the switch adds a tooltip with title text.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "name",
+                "description": "The name of the switch, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current value of the switch, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the switch.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "checked",
+                "description": "Draws the switch in a checked state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "defaultChecked",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "required",
+                "description": "Makes the switch a required field.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleInvalid",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleStateChange",
+                "value": {}
+              },
+              {
+                "name": "click",
+                "description": "Simulates a click on the switch.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the switch.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the switch.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns true when valid and false when invalid.",
+                "value": {}
+              },
+              {
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows a validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-blur",
+                "description": "Emitted when the switch loses focus."
+              },
+              {
+                "name": "sd-change",
+                "description": "Emitted when the checked state changes."
+              },
+              {
+                "name": "sd-focus",
+                "description": "Emitted when the switch gains focus."
+              },
+              {
+                "name": "sd-input",
+                "description": "Emitted when the switch receives input."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "description": "The title of the switch adds a tooltip with title text.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "name",
+              "description": "The name of the switch, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The current value of the switch, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the switch.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "checked",
+              "description": "Draws the switch in a checked state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Makes the switch a required field.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-tag",
           "description": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "1.25.0",
+  "version": "1.27.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -184,8 +184,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 204,
-      "gzip": 53
+      "uncompressed": 217,
+      "gzip": 55
     }
   }
 }