@solid-design-system/components 1.18.1 → 1.19.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -411,7 +411,7 @@
                 "name": "formTarget",
                 "description": "Used to override the form owner's `target` attribute.",
                 "value": {
-                  "type": "'_self' | '_blank' | '_parent' | '_top' | string"
+                  "type": "'_self' | '_blank' | '_parent' | '_top'"
                 }
               },
               {
@@ -603,7 +603,7 @@
               "name": "formtarget",
               "description": "Used to override the form owner's `target` attribute.",
               "value": {
-                "type": "'_self' | '_blank' | '_parent' | '_top' | string"
+                "type": "'_self' | '_blank' | '_parent' | '_top'"
               }
             }
           ]
@@ -2633,7 +2633,108 @@
           ]
         },
         {
-          "name": "sd-1-18-1-accordion-group",
+          "name": "sd-video",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
+          "js": {
+            "properties": [
+              {
+                "name": "playing",
+                "description": "Set to `true` to hide the play icon and the overlay.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "overlay",
+                "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isBelowBreakpoint",
+                "description": "Reactive property to trigger breakpoint re-renders.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "poster",
+                "description": "Getter for optional poster slot.",
+                "value": {
+                  "type": "Element | null"
+                }
+              },
+              {
+                "name": "fadeoutPoster",
+                "description": "Fade out poster after initial play.",
+                "value": {}
+              },
+              {
+                "name": "hidePoster",
+                "description": "Hide poster after initial play & fadeout.",
+                "value": {}
+              },
+              {
+                "name": "play",
+                "description": "Utility function to group play behaviors.",
+                "value": {}
+              },
+              {
+                "name": "handleKeydown",
+                "description": "Restrict keydown control to enter and space bar to mimic the native video tag behavior. If a KeyboardEvent is used, refocus on the native video element to give the user seamless keyboard control.",
+                "value": {}
+              },
+              {
+                "name": "handleButtonResize",
+                "description": "Resize the play-button-bg when passing host element width breakpoint 414px.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-play",
+                "description": "Event emitted when clicking the `play-icon`. Listen for this event and use it to play the wrapped video."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "playing",
+              "description": "Set to `true` to hide the play icon and the overlay.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "overlay",
+              "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "isBelowBreakpoint",
+              "description": "Reactive property to trigger breakpoint re-renders.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-1-19-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -2663,7 +2764,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-accordion",
+          "name": "sd-1-19-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -2746,7 +2847,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-badge",
+          "name": "sd-1-19-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -2800,7 +2901,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-brandshape",
+          "name": "sd-1-19-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -2889,7 +2990,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-button",
+          "name": "sd-1-19-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -3030,7 +3131,7 @@
                 "name": "formTarget",
                 "description": "Used to override the form owner's `target` attribute.",
                 "value": {
-                  "type": "'_self' | '_blank' | '_parent' | '_top' | string"
+                  "type": "'_self' | '_blank' | '_parent' | '_top'"
                 }
               },
               {
@@ -3222,13 +3323,13 @@
               "name": "formtarget",
               "description": "Used to override the form owner's `target` attribute.",
               "value": {
-                "type": "'_self' | '_blank' | '_parent' | '_top' | string"
+                "type": "'_self' | '_blank' | '_parent' | '_top'"
               }
             }
           ]
         },
         {
-          "name": "sd-1-18-1-carousel-item",
+          "name": "sd-1-19-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -3243,7 +3344,7 @@
           "attributes": []
         },
         {
-          "name": "sd-1-18-1-carousel",
+          "name": "sd-1-19-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -3447,7 +3548,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-divider",
+          "name": "sd-1-19-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -3487,7 +3588,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-drawer",
+          "name": "sd-1-19-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -3640,7 +3741,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-dropdown",
+          "name": "sd-1-19-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -3894,7 +3995,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-icon",
+          "name": "sd-1-19-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -4003,7 +4104,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-include",
+          "name": "sd-1-19-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -4074,7 +4175,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-link",
+          "name": "sd-1-19-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -4201,7 +4302,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-navigation-item",
+          "name": "sd-1-19-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -4426,7 +4527,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-popup",
+          "name": "sd-1-19-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -4760,7 +4861,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-spinner",
+          "name": "sd-1-19-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -4790,7 +4891,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-tag",
+          "name": "sd-1-19-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -4936,7 +5037,7 @@
           ]
         },
         {
-          "name": "sd-1-18-1-teaser",
+          "name": "sd-1-19-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -5006,6 +5107,107 @@
               }
             }
           ]
+        },
+        {
+          "name": "sd-1-19-0-video",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
+          "js": {
+            "properties": [
+              {
+                "name": "playing",
+                "description": "Set to `true` to hide the play icon and the overlay.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "overlay",
+                "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isBelowBreakpoint",
+                "description": "Reactive property to trigger breakpoint re-renders.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "poster",
+                "description": "Getter for optional poster slot.",
+                "value": {
+                  "type": "Element | null"
+                }
+              },
+              {
+                "name": "fadeoutPoster",
+                "description": "Fade out poster after initial play.",
+                "value": {}
+              },
+              {
+                "name": "hidePoster",
+                "description": "Hide poster after initial play & fadeout.",
+                "value": {}
+              },
+              {
+                "name": "play",
+                "description": "Utility function to group play behaviors.",
+                "value": {}
+              },
+              {
+                "name": "handleKeydown",
+                "description": "Restrict keydown control to enter and space bar to mimic the native video tag behavior. If a KeyboardEvent is used, refocus on the native video element to give the user seamless keyboard control.",
+                "value": {}
+              },
+              {
+                "name": "handleButtonResize",
+                "description": "Resize the play-button-bg when passing host element width breakpoint 414px.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-play",
+                "description": "Event emitted when clicking the `play-icon`. Listen for this event and use it to play the wrapped video."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "playing",
+              "description": "Set to `true` to hide the play icon and the overlay.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "overlay",
+              "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "isBelowBreakpoint",
+              "description": "Reactive property to trigger breakpoint re-renders.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
         }
       ]
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -82,7 +82,7 @@
     "lit": "^2.7.5"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.8.3",
+    "@custom-elements-manifest/analyzer": "^0.9.0",
     "@geometricpanda/storybook-addon-badges": "^2.0.0",
     "@mariohamann/tailwindcss-var": "github:mariohamann/tailwindcss-var",
     "@mariohamann/wc-storybook-helpers": "^1.3.0",
@@ -91,6 +91,7 @@
     "@remcovaes/web-test-runner-vite-plugin": "^1.1.5",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^7.3.2",
     "@storybook/addon-interactions": "^7.3.2",
@@ -105,7 +106,7 @@
     "@storybook/web-components-vite": "^7.3.2",
     "@types/mocha": "^10.0.1",
     "@types/sinon": "^10.0.15",
-    "@web/test-runner": "^0.16.1",
+    "@web/test-runner": "^0.17.0",
     "@web/test-runner-commands": "^0.8.0",
     "@web/test-runner-playwright": "^0.10.1",
     "autoprefixer": "^10.4.14",
@@ -121,22 +122,22 @@
     "lit-html": "^2.7.4",
     "minify-html-literals": "^1.3.5",
     "normalize.css": "^8.0.1",
-    "plop": "^3.1.2",
+    "plop": "^4.0.0",
     "postcss": "^8.4.24",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-summary": "^2.0.0",
     "semantic-release": "^19.0.5",
     "semantic-release-monorepo": "^7.0.5",
-    "sinon": "^15.1.0",
+    "sinon": "^17.0.0",
     "storybook": "^7.3.2",
     "storybook-addon-designs": "7.0.0-beta.2",
     "tailwindcss": "^3.3.2",
     "terser": "^5.17.7",
     "typescript": "5.0.4",
-    "user-agent-data-types": "^0.3.1",
+    "user-agent-data-types": "^0.4.0",
     "vite": "^4.3.9",
     "vite-node": "^0.34.2",
     "vite-plugin-cem": "^0.5.0",
@@ -176,14 +177,20 @@
         {
           "successComment": false
         }
+      ],
+      [
+        "@semantic-release/exec",
+        {
+          "publishCmd": "./prepare-changelog.sh"
+        }
       ]
     ]
   },
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 150,
-      "gzip": 41
+      "uncompressed": 154,
+      "gzip": 42
     }
   }
 }