@solid-design-system/components 2.0.0 → 2.2.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "2.0.0",
+  "version": "2.2.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": "",
@@ -5986,7 +6109,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-accordion-group",
+          "name": "sd-2-2-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -6016,7 +6139,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-accordion",
+          "name": "sd-2-2-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6099,7 +6222,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-badge",
+          "name": "sd-2-2-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6153,7 +6276,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-brandshape",
+          "name": "sd-2-2-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6242,7 +6365,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-button",
+          "name": "sd-2-2-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -6604,7 +6727,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-carousel-item",
+          "name": "sd-2-2-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -6619,7 +6742,7 @@
           "attributes": []
         },
         {
-          "name": "sd-2-0-0-carousel",
+          "name": "sd-2-2-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -6823,7 +6946,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-checkbox-group",
+          "name": "sd-2-2-0-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -6901,7 +7024,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-checkbox",
+          "name": "sd-2-2-0-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7142,7 +7265,130 @@
           ]
         },
         {
-          "name": "sd-2-0-0-divider",
+          "name": "sd-2-2-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-2-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -7182,7 +7428,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-drawer",
+          "name": "sd-2-2-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -7335,7 +7581,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-dropdown",
+          "name": "sd-2-2-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -7589,7 +7835,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-header",
+          "name": "sd-2-2-0-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -7641,7 +7887,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-icon",
+          "name": "sd-2-2-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -7750,7 +7996,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-include",
+          "name": "sd-2-2-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -7821,7 +8067,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-input",
+          "name": "sd-2-2-0-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -8428,7 +8674,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-link",
+          "name": "sd-2-2-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -8555,7 +8801,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-navigation-item",
+          "name": "sd-2-2-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -8780,7 +9026,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-notification",
+          "name": "sd-2-2-0-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -8946,7 +9192,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-option",
+          "name": "sd-2-2-0-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9075,7 +9321,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-popup",
+          "name": "sd-2-2-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -9427,7 +9673,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-radio-button",
+          "name": "sd-2-2-0-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -9526,7 +9772,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-radio-group",
+          "name": "sd-2-2-0-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -9785,7 +10031,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-radio",
+          "name": "sd-2-2-0-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -9907,7 +10153,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-select",
+          "name": "sd-2-2-0-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -10476,7 +10722,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-spinner",
+          "name": "sd-2-2-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -10506,7 +10752,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-switch",
+          "name": "sd-2-2-0-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -10721,7 +10967,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-tag",
+          "name": "sd-2-2-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -10875,7 +11121,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-teaser",
+          "name": "sd-2-2-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -10947,7 +11193,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-textarea",
+          "name": "sd-2-2-0-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -11420,7 +11666,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-tooltip",
+          "name": "sd-2-2-0-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -11613,7 +11859,7 @@
           ]
         },
         {
-          "name": "sd-2-0-0-video",
+          "name": "sd-2-2-0-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -106,6 +106,7 @@
     "@storybook/theming": "^7.5.3",
     "@storybook/web-components": "^7.5.3",
     "@storybook/web-components-vite": "^7.5.3",
+    "@solid-design-system/theming": "workspace:*",
     "@types/mocha": "^10.0.4",
     "@types/sinon": "^17.0.1",
     "@web/test-runner": "^0.18.0",
@@ -113,7 +114,6 @@
     "@web/test-runner-playwright": "^0.11.0",
     "autoprefixer": "^10.4.16",
     "cem-plugin-vs-code-custom-data-generator": "^1.4.2",
-    "chroma-js": "^2.4.2",
     "chromatic": "^10.0.0",
     "comment-parser": "^1.4.1",
     "cssnano": "^6.0.1",
@@ -187,8 +187,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 255,
-      "gzip": 63
+      "uncompressed": 263,
+      "gzip": 64
     }
   }
 }