@synergy-design-system/vue 2.72.0 → 2.74.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @synergy-design-system/vue
 
+## 2.74.0
+
+### Minor Changes
+
+- [#1129](https://github.com/synergy-design-system/synergy-design-system/pull/1129) [`102e650`](https://github.com/synergy-design-system/synergy-design-system/commit/102e6503af3a72d0d2529ed216ce6053a07b9607) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2025-12-12
+
+  feat: ✨ syn alert add sizes (#1119)
+
+  We have added a new property `size` to `<syn-alert>` that can be set to `small`, `medium` (the default) and `large`.
+  The property can also be used with Synergy `defaultSettings`.
+
+  We also adjusted `<syn-validate>` to draw the `size` attribute of its `slotted` `HTMLInputElement`. If a `size` property is found on the rendered input, it will be forwarded to the rendered `<syn-alert>` if you use `variant="inline"`.
+
+### Patch Changes
+
+- Updated dependencies [[`102e650`](https://github.com/synergy-design-system/synergy-design-system/commit/102e6503af3a72d0d2529ed216ce6053a07b9607)]:
+  - @synergy-design-system/components@2.74.0
+
+## 2.73.0
+
+### Patch Changes
+
+- Updated dependencies [[`740816b`](https://github.com/synergy-design-system/synergy-design-system/commit/740816b1a86768e7f2fed5516241bdb3a9df4ef7)]:
+  - @synergy-design-system/components@2.73.0
+  - @synergy-design-system/tokens@2.46.0
+
 ## 2.72.0
 
 ### Minor Changes

package/dist/components/SynVueAlert.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
   the alert will not close on its own.
    */
     duration?: SynAlert["duration"];
+    /**
+     * The alert's size.
+     */
+    size?: SynAlert["size"];
 }, {
     nativeElement: import('vue').Ref<SynAlert | undefined, SynAlert | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -58,6 +62,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
   the alert will not close on its own.
    */
     duration?: SynAlert["duration"];
+    /**
+     * The alert's size.
+     */
+    size?: SynAlert["size"];
 }> & Readonly<{
     "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;

package/dist/components/SynVueAlert.vue.js

@@ -6,7 +6,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: {},
     closable: {},
     variant: {},
-    duration: {}
+    duration: {},
+    size: {}
   },
   emits: ["syn-show", "syn-after-show", "syn-hide", "syn-after-hide"],
   setup(__props, { expose: __expose }) {

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.72.0"
+    "@synergy-design-system/components": "^2.74.0"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.72.0",
+  "version": "2.74.0",
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/tsconfig": "^0.7.0",
@@ -50,7 +50,7 @@
     "vue": "^3.5.22"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.45.0"
+    "@synergy-design-system/tokens": "^2.46.0"
   },
   "scripts": {
     "_build": "vite build"

package/src/components/SynVueAlert.vue

@@ -74,6 +74,11 @@ the alert before it closes (e.g.
 the alert will not close on its own.
  */
   duration?: SynAlert['duration'];
+
+  /**
+   * The alert's size.
+   */
+  size?: SynAlert['size'];
 }>();
 
 // Make sure prop binding only forwards the props that are actually there.