@synergy-design-system/vue 1.27.0 → 2.0.0

package/README.md

@@ -139,39 +139,7 @@ An example for how these types can be used in case of event handling, is shown b
 </template>
 ```
 
-### 7.1. Usage of methods (DEPRECATED)
-
-> ⛔️ This feature is deprecated, the methods defined below will not be available in the next major version of `@synergy-design-system/vue`!
-> If you need to call methods on elements, please obtain a reference to the native element as shown below and call the method on the native element itself!
-
-Components can have methods (like `focus`, `click`, `stepUp`, etc. ), which trigger an action, if they are called.
-
-In Vue they can be used by prefixing each method name with `call`.
-
-`focus` -> `callFocus`, `click`-> `callClick`, ...
-
-An example for calling such a method in a Vue component is shown here:
-
-```html
-<script setup lang="ts">
-  import { SynVueInput, SynVueButton } from "@synergy-design-system/vue";
-  import { ref } from "vue";
-
-  const count = ref<InstanceType<typeof SynVueInput> | null>(null);
-
-  const handleClick = () => {
-    // Increment the count via calling the method
-    count.value?.callStepUp();
-  };
-</script>
-
-<template>
-  <SynVueInput ref="count" label="My count" type="number" value="5" />
-  <SynVueButton @click="handleClick"> Increment </SynVueButton>
-</template>
-```
-
-### 7.2. Obtaining a reference to the underlying native element
+### 7. Obtaining a reference to the underlying native element (e.g. for usage of methods)
 
 Sometimes, there is a need to interact directly with the underlying native web-component. For this reason, the library exposes a `nativeElement` property for all vue components.
 

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

@@ -29,11 +29,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     duration?: number | undefined;
 }>, {
-    callHandleOpenChange: () => Promise<void> | undefined;
-    callHandleDurationChange: () => void | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
-    callToast: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynAlert | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -19,8 +19,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     rel?: string | undefined;
 }>, {
-    callHrefChanged: () => void | undefined;
-    callHandleSlotChange: () => void | undefined;
     nativeElement: import("vue").Ref<SynBreadcrumbItem | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**

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

@@ -96,14 +96,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     formTarget?: string | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callClick: () => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message: string) => void | undefined;
     nativeElement: import("vue").Ref<SynButton | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -2,18 +2,20 @@ import '@synergy-design-system/components/components/card/card.js';
 import type { SynCard } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * Draws the card as a nested item.
-  * Can be used when nesting multiple syn-cards to create hierarchy
+  * Draws the card with sharp edges.
+  * Can be used e.g.
+  * when nesting multiple syn-cards to create hierarchy.
    */
-    nested?: boolean | undefined;
+    sharp?: boolean | undefined;
 }>, {
     nativeElement: import("vue").Ref<SynCard | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * Draws the card as a nested item.
-  * Can be used when nesting multiple syn-cards to create hierarchy
+  * Draws the card with sharp edges.
+  * Can be used e.g.
+  * when nesting multiple syn-cards to create hierarchy.
    */
-    nested?: boolean | undefined;
+    sharp?: boolean | undefined;
 }>>>, {}, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -55,15 +55,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     modelValue?: boolean | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callHandleStateChange: () => void | undefined;
-    callClick: () => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message: string) => void | undefined;
     nativeElement: import("vue").Ref<SynCheckbox | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -27,9 +27,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     noHeader?: boolean | undefined;
 }>, {
-    callHandleOpenChange: () => Promise<void> | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynDialog | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -6,7 +6,6 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
    */
     vertical?: boolean | undefined;
 }>, {
-    callHandleVerticalChange: () => void | undefined;
     nativeElement: import("vue").Ref<SynDivider | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**

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

@@ -37,10 +37,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     noHeader?: boolean | undefined;
 }>, {
-    callHandleOpenChange: () => Promise<void> | undefined;
-    callHandleNoModalChange: () => void | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynDrawer | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -47,19 +47,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     sync?: SynDropdown['sync'];
 }>, {
-    callFocusOnTrigger: () => void | undefined;
-    callGetMenu: () => import("@synergy-design-system/components").SynMenu | undefined;
-    callHandleTriggerClick: () => void | undefined;
-    callHandleTriggerKeyDown: (event: KeyboardEvent) => Promise<void> | undefined;
-    callHandleTriggerKeyUp: (event: KeyboardEvent) => void | undefined;
-    callHandleTriggerSlotChange: () => void | undefined;
-    callUpdateAccessibleTrigger: () => void | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
-    callReposition: () => void | undefined;
-    callAddOpenListeners: () => void | undefined;
-    callRemoveOpenListeners: () => void | undefined;
-    callHandleOpenChange: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynDropdown | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -1,47 +1,48 @@
 import '@synergy-design-system/components/components/header/header.js';
-import type { SynBurgerMenuHideEvent, SynBurgerMenuShowEvent, SynHeader } from '@synergy-design-system/components';
-export type { SynBurgerMenuShowEvent } from '@synergy-design-system/components';
-export type { SynBurgerMenuHideEvent } from '@synergy-design-system/components';
+import type { SynBurgerMenuClosedEvent, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent, SynHeader } from '@synergy-design-system/components';
+export type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
+export type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
+export type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The headers label.
-  * If you need to display HTML, use the `default` slot instead.
+  * If you need to display HTML, use the `label` slot instead.
    */
     label?: string | undefined;
     /**
-  * Adds a button to toggle the burger menu's visibility.
-  The button is added automatically, if the component finds a syn-side-nav in non-rail mode.
+  * Defines the current visibility and icon of the burger-menu icon.
+  The menu button is added automatically if the component finds a syn-side-nav in non-rail mode.
+  The following values can be used:
+  - hidden: The burger menu is not visible
+  - open: The burger menu is visible and shows the close icon
+  - closed: The burger menu is visible and shows the open icon
    */
-    showBurgerMenu?: boolean | undefined;
-    /**
-  * Determines whether or not the burger menu is currently visible.
-   */
-    burgerMenuVisible?: boolean | undefined;
+    burgerMenu?: "open" | "hidden" | "closed" | undefined;
 }>, {
-    callHandleBurgerMenuVisible: () => void | undefined;
-    callConnectSideNavigation: (sideNav: import("@synergy-design-system/components").SynSideNav) => void | undefined;
     nativeElement: import("vue").Ref<SynHeader | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-burger-menu-show": (e: SynBurgerMenuShowEvent) => void;
-    "syn-burger-menu-hide": (e: SynBurgerMenuHideEvent) => void;
+    "syn-burger-menu-closed": (e: SynBurgerMenuClosedEvent) => void;
+    "syn-burger-menu-hidden": (e: SynBurgerMenuHiddenEvent) => void;
+    "syn-burger-menu-open": (e: SynBurgerMenuOpenEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The headers label.
-  * If you need to display HTML, use the `default` slot instead.
+  * If you need to display HTML, use the `label` slot instead.
    */
     label?: string | undefined;
     /**
-  * Adds a button to toggle the burger menu's visibility.
-  The button is added automatically, if the component finds a syn-side-nav in non-rail mode.
-   */
-    showBurgerMenu?: boolean | undefined;
-    /**
-  * Determines whether or not the burger menu is currently visible.
+  * Defines the current visibility and icon of the burger-menu icon.
+  The menu button is added automatically if the component finds a syn-side-nav in non-rail mode.
+  The following values can be used:
+  - hidden: The burger menu is not visible
+  - open: The burger menu is visible and shows the close icon
+  - closed: The burger menu is visible and shows the open icon
    */
-    burgerMenuVisible?: boolean | undefined;
+    burgerMenu?: "open" | "hidden" | "closed" | undefined;
 }>>> & {
-    "onSyn-burger-menu-show"?: ((e: SynBurgerMenuShowEvent) => any) | undefined;
-    "onSyn-burger-menu-hide"?: ((e: SynBurgerMenuHideEvent) => any) | undefined;
+    "onSyn-burger-menu-closed"?: ((e: SynBurgerMenuClosedEvent) => any) | undefined;
+    "onSyn-burger-menu-hidden"?: ((e: SynBurgerMenuHiddenEvent) => any) | undefined;
+    "onSyn-burger-menu-open"?: ((e: SynBurgerMenuOpenEvent) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -25,8 +25,6 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
    */
     library?: string | undefined;
 }>, {
-    callHandleLabelChange: () => void | undefined;
-    callSetIcon: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynIcon | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-load": (e: SynLoadEvent) => void;

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

@@ -52,9 +52,6 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
    */
     disabled?: boolean | undefined;
 }>, {
-    callClick: () => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
     nativeElement: import("vue").Ref<SynIconButton | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -143,21 +143,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     modelValue?: string | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callHandleStepChange: () => void | undefined;
-    callHandleValueChange: () => Promise<void> | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
-    callSelect: () => void | undefined;
-    callSetSelectionRange: (selectionStart: number, selectionEnd: number, selectionDirection?: "none" | "forward" | "backward" | undefined) => void | undefined;
-    callSetRangeText: (replacement: string, start?: number | undefined, end?: number | undefined, selectMode?: "select" | "end" | "start" | "preserve" | undefined) => void | undefined;
-    callShowPicker: () => void | undefined;
-    callStepUp: () => void | undefined;
-    callStepDown: () => void | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message: string) => void | undefined;
     nativeElement: import("vue").Ref<SynInput | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -24,11 +24,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     disabled?: boolean | undefined;
 }>, {
-    callHandleCheckedChange: () => void | undefined;
-    callHandleDisabledChange: () => void | undefined;
-    callHandleTypeChange: () => void | undefined;
-    callGetTextLabel: () => string | undefined;
-    callIsSubmenu: () => boolean | undefined;
     nativeElement: import("vue").Ref<SynMenuItem | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**

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

@@ -38,10 +38,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     divider?: boolean | undefined;
 }>, {
-    callHandleOpenChange: () => void | undefined;
-    callBlur: () => void | undefined;
-    callClick: () => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
     nativeElement: import("vue").Ref<SynNavItem | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -11,7 +11,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     label?: string | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
     nativeElement: import("vue").Ref<SynOptgroup | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**

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

@@ -15,10 +15,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     disabled?: boolean | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callHandleSelectedChange: () => void | undefined;
-    callHandleValueChange: () => void | undefined;
-    callGetTextLabel: () => string | undefined;
     nativeElement: import("vue").Ref<SynOption | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**

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

@@ -137,7 +137,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     hoverBridge?: boolean | undefined;
 }>, {
-    callReposition: () => void | undefined;
     nativeElement: import("vue").Ref<SynPopup | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-reposition": (e: SynRepositionEvent) => void;

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

@@ -1,20 +1,14 @@
 import '@synergy-design-system/components/components/prio-nav/prio-nav.js';
 import type { SynPrioNav } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    /**
-  * The components priority menu label.
-  This will be shown after the priority menu 3 dots link
-   */
-    priorityMenuLabel?: string | undefined;
-}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, {
     nativeElement: import("vue").Ref<SynPrioNav | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    /**
-  * The components priority menu label.
-  This will be shown after the priority menu 3 dots link
-   */
-    priorityMenuLabel?: string | undefined;
-}>>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    readonly [x: number]: string;
+} | {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -23,12 +17,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -19,8 +19,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     disabled?: boolean | undefined;
 }>, {
-    callHandleCheckedChange: () => void | undefined;
-    callHandleDisabledChange: () => void | undefined;
     nativeElement: import("vue").Ref<SynRadio | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -23,9 +23,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     pill?: boolean | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
     nativeElement: import("vue").Ref<SynRadioButton | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -46,12 +46,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     modelValue?: string | undefined;
 }>, {
-    callHandleSizeChange: () => void | undefined;
-    callHandleValueChange: () => void | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message?: string | undefined) => void | undefined;
     nativeElement: import("vue").Ref<SynRadioGroup | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-invalid": (e: SynInvalidEvent) => void;

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

@@ -103,17 +103,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     modelValue?: string | string[] | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callHandleValueChange: () => void | undefined;
-    callHandleOpenChange: () => Promise<void> | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message: string) => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
     nativeElement: import("vue").Ref<SynSelect | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -37,11 +37,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     noFocusTrapping?: boolean | undefined;
 }>, {
-    callHandleModeChange: () => void | undefined;
-    callHandleOpenChange: () => void | undefined;
-    callHandleFocusTrapping: () => void | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynSideNav | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

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

@@ -49,15 +49,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     modelValue?: boolean | undefined;
 }>, {
-    callHandleCheckedChange: () => void | undefined;
-    callHandleDisabledChange: () => void | undefined;
-    callClick: () => void | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message: string) => void | undefined;
     nativeElement: import("vue").Ref<SynSwitch | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -105,113 +105,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     modelValue?: string | undefined;
 }>, {
-    callHandleDisabledChange: () => void | undefined;
-    callHandleRowsChange: () => void | undefined;
-    callHandleValueChange: () => Promise<void> | undefined;
-    callFocus: (options?: FocusOptions | undefined) => void | undefined;
-    callBlur: () => void | undefined;
-    callSelect: () => void | undefined;
-    callScrollPosition: (position?: {
-        /**
-         * @summary Textareas collect data from the user and allow multiple lines of text.
-         * @documentation https://synergy.style/components/textarea
-         * @status stable
-         * @since 2.0
-         *
-         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
-         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-         *
-         * @event syn-blur - Emitted when the control loses focus.
-         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
-         * @event syn-focus - Emitted when the control gains focus.
-         * @event syn-input - Emitted when the control receives input.
-         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-         *
-         * @csspart form-control - The form control that wraps the label, input, and help text.
-         * @csspart form-control-label - The label's wrapper.
-         * @csspart form-control-input - The input's wrapper.
-         * @csspart form-control-help-text - The help text's wrapper.
-         * @csspart base - The component's base wrapper.
-         * @csspart textarea - The internal `<textarea>` control.
-         */
-        top?: number | undefined;
-        /**
-         * @summary Textareas collect data from the user and allow multiple lines of text.
-         * @documentation https://synergy.style/components/textarea
-         * @status stable
-         * @since 2.0
-         *
-         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
-         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-         *
-         * @event syn-blur - Emitted when the control loses focus.
-         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
-         * @event syn-focus - Emitted when the control gains focus.
-         * @event syn-input - Emitted when the control receives input.
-         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-         *
-         * @csspart form-control - The form control that wraps the label, input, and help text.
-         * @csspart form-control-label - The label's wrapper.
-         * @csspart form-control-input - The input's wrapper.
-         * @csspart form-control-help-text - The help text's wrapper.
-         * @csspart base - The component's base wrapper.
-         * @csspart textarea - The internal `<textarea>` control.
-         */
-        left?: number | undefined;
-    } | undefined) => {
-        /**
-         * @summary Textareas collect data from the user and allow multiple lines of text.
-         * @documentation https://synergy.style/components/textarea
-         * @status stable
-         * @since 2.0
-         *
-         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
-         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-         *
-         * @event syn-blur - Emitted when the control loses focus.
-         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
-         * @event syn-focus - Emitted when the control gains focus.
-         * @event syn-input - Emitted when the control receives input.
-         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-         *
-         * @csspart form-control - The form control that wraps the label, input, and help text.
-         * @csspart form-control-label - The label's wrapper.
-         * @csspart form-control-input - The input's wrapper.
-         * @csspart form-control-help-text - The help text's wrapper.
-         * @csspart base - The component's base wrapper.
-         * @csspart textarea - The internal `<textarea>` control.
-         */
-        top: number;
-        /**
-         * @summary Textareas collect data from the user and allow multiple lines of text.
-         * @documentation https://synergy.style/components/textarea
-         * @status stable
-         * @since 2.0
-         *
-         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
-         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-         *
-         * @event syn-blur - Emitted when the control loses focus.
-         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
-         * @event syn-focus - Emitted when the control gains focus.
-         * @event syn-input - Emitted when the control receives input.
-         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-         *
-         * @csspart form-control - The form control that wraps the label, input, and help text.
-         * @csspart form-control-label - The label's wrapper.
-         * @csspart form-control-input - The input's wrapper.
-         * @csspart form-control-help-text - The help text's wrapper.
-         * @csspart base - The component's base wrapper.
-         * @csspart textarea - The internal `<textarea>` control.
-         */
-        left: number;
-    } | undefined;
-    callSetSelectionRange: (selectionStart: number, selectionEnd: number, selectionDirection?: "none" | "forward" | "backward" | undefined) => void | undefined;
-    callSetRangeText: (replacement: string, start?: number | undefined, end?: number | undefined, selectMode?: "select" | "end" | "start" | "preserve" | undefined) => void | undefined;
-    callCheckValidity: () => boolean | undefined;
-    callGetForm: () => HTMLFormElement | null | undefined;
-    callReportValidity: () => boolean | undefined;
-    callSetCustomValidity: (message: string) => void | undefined;
     nativeElement: import("vue").Ref<SynTextarea | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => void;

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

@@ -50,11 +50,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     hoist?: boolean | undefined;
 }>, {
-    callHandleOpenChange: () => Promise<void> | undefined;
-    callHandleOptionsChange: () => Promise<void> | undefined;
-    callHandleDisabledChange: () => void | undefined;
-    callShow: () => Promise<void> | undefined;
-    callHide: () => Promise<void> | undefined;
     nativeElement: import("vue").Ref<SynTooltip | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-show": (e: SynShowEvent) => void;

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^1.27.0"
+    "@synergy-design-system/components": "^2.0.0"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "1.27.0",
+  "version": "2.0.0",
   "devDependencies": {
     "@vue/tsconfig": "^0.5.1",
     "vue": "^3.4.24"