@synergy-design-system/vue 2.19.3 → 2.20.0

package/dist/components/SynVueSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/select/select.js";
 const _hoisted_1 = ["value"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -79,7 +79,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueSideNav.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/side-nav/side-nav.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueSideNav",

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

@@ -1,5 +1,7 @@
 import { SynSpinner } from '@synergy-design-system/components';
 declare const _default: import('vue').DefineComponent<{}, {
     nativeElement: import('vue').Ref<SynSpinner | undefined, SynSpinner | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    nativeElement: unknown;
+}, any>;
 export default _default;

package/dist/components/SynVueSpinner.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock } from "vue";
+import { defineComponent, ref, createElementBlock, openBlock } from "vue";
 import "@synergy-design-system/components/components/spinner/spinner.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueSpinner",

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

@@ -106,7 +106,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueSwitch.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/switch/switch.js";
 const _hoisted_1 = ["checked"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -42,7 +42,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     disabled?: SynTab["disabled"];
 }> & Readonly<{
     "onSyn-close"?: ((e: SynCloseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueTab.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/tab/tab.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueTab",

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

@@ -65,7 +65,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
 }> & Readonly<{
     "onSyn-tab-show"?: ((e: SynTabShowEvent) => any) | undefined;
     "onSyn-tab-hide"?: ((e: SynTabHideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueTabGroup.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/tab-group/tab-group.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueTabGroup",

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

@@ -1,35 +1,30 @@
 import { SynTabPanel } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * The tab panel's name.
+     */
+    name?: SynTabPanel['name'];
+    /**
+     * When true, the tab panel will be shown.
+     */
+    active?: SynTabPanel['active'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    /**
-     * The tab panel's name.
-     */
-    name?: SynTabPanel["name"];
-    /**
-     * When true, the tab panel will be shown.
-     */
-    active?: SynTabPanel["active"];
-}, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     nativeElement: import('vue').Ref<SynTabPanel | undefined, SynTabPanel | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    /**
-     * The tab panel's name.
-     */
-    name?: SynTabPanel["name"];
-    /**
-     * When true, the tab panel will be shown.
-     */
-    active?: SynTabPanel["active"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/SynVueTabPanel.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/tab-panel/tab-panel.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueTabPanel",

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

@@ -24,7 +24,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     removable?: SynTag["removable"];
 }> & Readonly<{
     "onSyn-remove"?: ((e: SynRemoveEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueTag.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/tag/tag.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueTag",

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

@@ -218,7 +218,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueTextarea.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/textarea/textarea.js";
 const _hoisted_1 = ["value"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -105,7 +105,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/tooltip/tooltip.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueTooltip",

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

@@ -1,15 +1,5 @@
 import { SynValidate } from '@synergy-design-system/components';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        nativeElement: unknown;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+type __VLS_Props = {
     /**
   * The variant that should be used to show validation alerts.
   
@@ -17,11 +7,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
   - **native** (default): Uses the native browser validation, usually a browser tooltip.
   - **inline**: Show the validation message underneath the element, using a `<syn-alert>`
    */
-    variant?: SynValidate["variant"];
+    variant?: SynValidate['variant'];
     /**
      * Do not show the error icon when using the inline variant validation
      */
-    hideIcon?: SynValidate["hideIcon"];
+    hideIcon?: SynValidate['hideIcon'];
     /**
   * Defines the events that trigger the validation.
   `invalid` will always automatically be included.
@@ -31,13 +21,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
   Please have a look at the [documentation for native form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
   and [the use of form invalid events](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) for further information.
    */
-    on?: SynValidate["on"];
+    on?: SynValidate['on'];
     /**
   * Custom validation message to be displayed when the input is invalid.
   Will override the default browser validation message.
   Set to an empty string to reset the validation message.
    */
-    customValidationMessage?: SynValidate["customValidationMessage"];
+    customValidationMessage?: SynValidate['customValidationMessage'];
     /**
   * Set this to true to validate the input immediately when it is rendered.
   Best used with a `variant` of `inline`.
@@ -47,49 +37,24 @@ declare const __VLS_component: import('vue').DefineComponent<{
   the last eager field as it is using a tooltip.
   In this case it is better to just provide one eager field.
    */
-    eager?: SynValidate["eager"];
-}, {
+    eager?: SynValidate['eager'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     nativeElement: import('vue').Ref<SynValidate | undefined, SynValidate | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    /**
-  * The variant that should be used to show validation alerts.
-  
-  The following variants are supported:
-  - **native** (default): Uses the native browser validation, usually a browser tooltip.
-  - **inline**: Show the validation message underneath the element, using a `<syn-alert>`
-   */
-    variant?: SynValidate["variant"];
-    /**
-     * Do not show the error icon when using the inline variant validation
-     */
-    hideIcon?: SynValidate["hideIcon"];
-    /**
-  * Defines the events that trigger the validation.
-  `invalid` will always automatically be included.
-  You may also use the `live` keyword to validate on every input change.
-  `live` will make sure to listen to the `invalid`, `input` and `blur` events.
-  
-  Please have a look at the [documentation for native form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
-  and [the use of form invalid events](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) for further information.
-   */
-    on?: SynValidate["on"];
-    /**
-  * Custom validation message to be displayed when the input is invalid.
-  Will override the default browser validation message.
-  Set to an empty string to reset the validation message.
-   */
-    customValidationMessage?: SynValidate["customValidationMessage"];
-    /**
-  * Set this to true to validate the input immediately when it is rendered.
-  Best used with a `variant` of `inline`.
-  When setting eager, the input will not be focused automatically.
-  
-  When using a `variant` of `native` the browser will focus
-  the last eager field as it is using a tooltip.
-  In this case it is better to just provide one eager field.
-   */
-    eager?: SynValidate["eager"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/SynVueValidate.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/validate/validate.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueValidate",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.19.3"
+    "@synergy-design-system/components": "^2.20.0"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,17 +40,17 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.19.3",
+  "version": "2.20.0",
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.0",
-    "@vue/tsconfig": "^0.5.1",
-    "rollup-plugin-node-externals": "^7.1.3",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.3.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "rollup-plugin-node-externals": "^8.0.0",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
     "vue": "^3.5.13"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.17.0"
+    "@synergy-design-system/tokens": "^2.18.0"
   },
   "scripts": {
     "_build": "vite build"