@synergy-design-system/vue 2.7.1 → 2.7.3

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

@@ -5,31 +5,31 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
-   */
+     * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
+     */
     closeOthers?: SynAccordion["closeOthers"];
     /**
-  * Draws the accordion and the slotted `<syn-details>` as contained elements.
-   */
+     * Draws the accordion and the slotted `<syn-details>` as contained elements.
+     */
     contained?: SynAccordion["contained"];
     /**
-  * The size that should be applied to all slotted `<syn-details>` elements
-   */
+     * The size that should be applied to all slotted `<syn-details>` elements
+     */
     size?: SynAccordion["size"];
 }>, {
     nativeElement: import("vue").Ref<SynAccordion | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
-   */
+     * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
+     */
     closeOthers?: SynAccordion["closeOthers"];
     /**
-  * Draws the accordion and the slotted `<syn-details>` as contained elements.
-   */
+     * Draws the accordion and the slotted `<syn-details>` as contained elements.
+     */
     contained?: SynAccordion["contained"];
     /**
-  * The size that should be applied to all slotted `<syn-details>` elements
-   */
+     * The size that should be applied to all slotted `<syn-details>` elements
+     */
     size?: SynAccordion["size"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,5 +1,9 @@
 import '@synergy-design-system/components/components/alert/alert.js';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynAlert, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynAlert } from '@synergy-design-system/components';
 export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
@@ -12,12 +16,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     open?: SynAlert["open"];
     /**
-  * Enables a close button that allows the user to dismiss the alert.
-   */
+     * Enables a close button that allows the user to dismiss the alert.
+     */
     closable?: SynAlert["closable"];
     /**
-  * The alert's theme variant.
-   */
+     * The alert's theme variant.
+     */
     variant?: SynAlert["variant"];
     /**
   * The length of time, in milliseconds, the alert will show before closing itself.
@@ -43,12 +47,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     open?: SynAlert["open"];
     /**
-  * Enables a close button that allows the user to dismiss the alert.
-   */
+     * Enables a close button that allows the user to dismiss the alert.
+     */
     closable?: SynAlert["closable"];
     /**
-  * The alert's theme variant.
-   */
+     * The alert's theme variant.
+     */
     variant?: SynAlert["variant"];
     /**
   * The length of time, in milliseconds, the alert will show before closing itself.

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

@@ -5,15 +5,15 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The badge's theme variant.
-   */
+     * The badge's theme variant.
+     */
     variant?: SynBadge["variant"];
 }>, {
     nativeElement: import("vue").Ref<SynBadge | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The badge's theme variant.
-   */
+     * The badge's theme variant.
+     */
     variant?: SynBadge["variant"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -12,14 +12,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
    */
     href?: SynBreadcrumbItem["href"];
     /**
-  * Tells the browser where to open the link.
-  * Only used when `href` is set.
-   */
+     * Tells the browser where to open the link.
+     * Only used when `href` is set.
+     */
     target?: SynBreadcrumbItem["target"];
     /**
-  * The `rel` attribute to use on the link.
-  * Only used when `href` is set.
-   */
+     * The `rel` attribute to use on the link.
+     * Only used when `href` is set.
+     */
     rel?: SynBreadcrumbItem["rel"];
 }>, {
     nativeElement: import("vue").Ref<SynBreadcrumbItem | undefined>;
@@ -32,14 +32,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
    */
     href?: SynBreadcrumbItem["href"];
     /**
-  * Tells the browser where to open the link.
-  * Only used when `href` is set.
-   */
+     * Tells the browser where to open the link.
+     * Only used when `href` is set.
+     */
     target?: SynBreadcrumbItem["target"];
     /**
-  * The `rel` attribute to use on the link.
-  * Only used when `href` is set.
-   */
+     * The `rel` attribute to use on the link.
+     * Only used when `href` is set.
+     */
     rel?: SynBreadcrumbItem["rel"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,30 +1,33 @@
 import '@synergy-design-system/components/components/button/button.js';
-import type { SynBlurEvent, SynButton, SynFocusEvent, SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynButton } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: SynButton["title"];
     /**
-  * The button's theme variant.
-   */
+     * The button's theme variant.
+     */
     variant?: SynButton["variant"];
     /**
-  * The button's size.
-   */
+     * The button's size.
+     */
     size?: SynButton["size"];
     /**
-  * Draws the button with a caret.
-  * Used to indicate that the button triggers a dropdown menu or similar behavior.
-   */
+     * Draws the button with a caret.
+     * Used to indicate that the button triggers a dropdown menu or similar behavior.
+     */
     caret?: SynButton["caret"];
     /**
-  * Disables the button.
-   */
+     * Disables the button.
+     */
     disabled?: SynButton["disabled"];
     /**
-  * Draws the button in a loading state.
-   */
+     * Draws the button in a loading state.
+     */
     loading?: SynButton["loading"];
     /**
   * The type of button.
@@ -45,13 +48,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     value?: SynButton["value"];
     /**
-  * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-   */
+     * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
+     */
     href?: SynButton["href"];
     /**
-  * Tells the browser where to open the link.
-  * Only used when `href` is present.
-   */
+     * Tells the browser where to open the link.
+     * Only used when `href` is present.
+     */
     target?: SynButton["target"];
     /**
   * When using `href`, this attribute will map to the underlying link's `rel` attribute.
@@ -64,9 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     rel?: SynButton["rel"];
     /**
-  * Tells the browser to download the linked file as this filename.
-  * Only used when `href` is present.
-   */
+     * Tells the browser to download the linked file as this filename.
+     * Only used when `href` is present.
+     */
     download?: SynButton["download"];
     /**
   * The "form owner" to associate the button with.
@@ -76,24 +79,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynButton["form"];
     /**
-  * Used to override the form owner's `action` attribute.
-   */
+     * Used to override the form owner's `action` attribute.
+     */
     formAction?: SynButton["formAction"];
     /**
-  * Used to override the form owner's `enctype` attribute.
-   */
+     * Used to override the form owner's `enctype` attribute.
+     */
     formEnctype?: SynButton["formEnctype"];
     /**
-  * Used to override the form owner's `method` attribute.
-   */
+     * Used to override the form owner's `method` attribute.
+     */
     formMethod?: SynButton["formMethod"];
     /**
-  * Used to override the form owner's `novalidate` attribute.
-   */
+     * Used to override the form owner's `novalidate` attribute.
+     */
     formNoValidate?: SynButton["formNoValidate"];
     /**
-  * Used to override the form owner's `target` attribute.
-   */
+     * Used to override the form owner's `target` attribute.
+     */
     formTarget?: SynButton["formTarget"];
 }>, {
     nativeElement: import("vue").Ref<SynButton | undefined>;
@@ -104,25 +107,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: SynButton["title"];
     /**
-  * The button's theme variant.
-   */
+     * The button's theme variant.
+     */
     variant?: SynButton["variant"];
     /**
-  * The button's size.
-   */
+     * The button's size.
+     */
     size?: SynButton["size"];
     /**
-  * Draws the button with a caret.
-  * Used to indicate that the button triggers a dropdown menu or similar behavior.
-   */
+     * Draws the button with a caret.
+     * Used to indicate that the button triggers a dropdown menu or similar behavior.
+     */
     caret?: SynButton["caret"];
     /**
-  * Disables the button.
-   */
+     * Disables the button.
+     */
     disabled?: SynButton["disabled"];
     /**
-  * Draws the button in a loading state.
-   */
+     * Draws the button in a loading state.
+     */
     loading?: SynButton["loading"];
     /**
   * The type of button.
@@ -143,13 +146,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     value?: SynButton["value"];
     /**
-  * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-   */
+     * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
+     */
     href?: SynButton["href"];
     /**
-  * Tells the browser where to open the link.
-  * Only used when `href` is present.
-   */
+     * Tells the browser where to open the link.
+     * Only used when `href` is present.
+     */
     target?: SynButton["target"];
     /**
   * When using `href`, this attribute will map to the underlying link's `rel` attribute.
@@ -162,9 +165,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     rel?: SynButton["rel"];
     /**
-  * Tells the browser to download the linked file as this filename.
-  * Only used when `href` is present.
-   */
+     * Tells the browser to download the linked file as this filename.
+     * Only used when `href` is present.
+     */
     download?: SynButton["download"];
     /**
   * The "form owner" to associate the button with.
@@ -174,24 +177,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynButton["form"];
     /**
-  * Used to override the form owner's `action` attribute.
-   */
+     * Used to override the form owner's `action` attribute.
+     */
     formAction?: SynButton["formAction"];
     /**
-  * Used to override the form owner's `enctype` attribute.
-   */
+     * Used to override the form owner's `enctype` attribute.
+     */
     formEnctype?: SynButton["formEnctype"];
     /**
-  * Used to override the form owner's `method` attribute.
-   */
+     * Used to override the form owner's `method` attribute.
+     */
     formMethod?: SynButton["formMethod"];
     /**
-  * Used to override the form owner's `novalidate` attribute.
-   */
+     * Used to override the form owner's `novalidate` attribute.
+     */
     formNoValidate?: SynButton["formNoValidate"];
     /**
-  * Used to override the form owner's `target` attribute.
-   */
+     * Used to override the form owner's `target` attribute.
+     */
     formTarget?: SynButton["formTarget"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;

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

@@ -5,19 +5,19 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * Draws the card with sharp edges.
-  * Can be used e.g.
-  * 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.
+     */
     sharp?: SynCard["sharp"];
 }>, {
     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 with sharp edges.
-  * Can be used e.g.
-  * 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.
+     */
     sharp?: SynCard["sharp"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,5 +1,10 @@
 import '@synergy-design-system/components/components/checkbox/checkbox.js';
-import type { SynBlurEvent, SynChangeEvent, SynCheckbox, SynFocusEvent, SynInputEvent, SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynCheckbox } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
@@ -8,24 +13,24 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: SynCheckbox["title"];
     /**
-  * The name of the checkbox, submitted as a name/value pair with form data.
-   */
+     * The name of the checkbox, submitted as a name/value pair with form data.
+     */
     name?: SynCheckbox["name"];
     /**
-  * The current value of the checkbox, submitted as a name/value pair with form data.
-   */
+     * The current value of the checkbox, submitted as a name/value pair with form data.
+     */
     value?: SynCheckbox["value"];
     /**
-  * The checkbox's size.
-   */
+     * The checkbox's size.
+     */
     size?: SynCheckbox["size"];
     /**
-  * Disables the checkbox.
-   */
+     * Disables the checkbox.
+     */
     disabled?: SynCheckbox["disabled"];
     /**
-  * Draws the checkbox in a checked state.
-   */
+     * Draws the checkbox in a checked state.
+     */
     checked?: SynCheckbox["checked"];
     /**
   * Draws the checkbox in an indeterminate state.
@@ -42,17 +47,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynCheckbox["form"];
     /**
-  * Makes the checkbox a required field.
-   */
+     * Makes the checkbox a required field.
+     */
     required?: SynCheckbox["required"];
     /**
-  * The checkbox's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The checkbox's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynCheckbox["helpText"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynCheckbox["checked"];
 }>, {
     nativeElement: import("vue").Ref<SynCheckbox | undefined>;
@@ -66,24 +71,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: SynCheckbox["title"];
     /**
-  * The name of the checkbox, submitted as a name/value pair with form data.
-   */
+     * The name of the checkbox, submitted as a name/value pair with form data.
+     */
     name?: SynCheckbox["name"];
     /**
-  * The current value of the checkbox, submitted as a name/value pair with form data.
-   */
+     * The current value of the checkbox, submitted as a name/value pair with form data.
+     */
     value?: SynCheckbox["value"];
     /**
-  * The checkbox's size.
-   */
+     * The checkbox's size.
+     */
     size?: SynCheckbox["size"];
     /**
-  * Disables the checkbox.
-   */
+     * Disables the checkbox.
+     */
     disabled?: SynCheckbox["disabled"];
     /**
-  * Draws the checkbox in a checked state.
-   */
+     * Draws the checkbox in a checked state.
+     */
     checked?: SynCheckbox["checked"];
     /**
   * Draws the checkbox in an indeterminate state.
@@ -100,17 +105,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynCheckbox["form"];
     /**
-  * Makes the checkbox a required field.
-   */
+     * Makes the checkbox a required field.
+     */
     required?: SynCheckbox["required"];
     /**
-  * The checkbox's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The checkbox's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynCheckbox["helpText"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynCheckbox["checked"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;

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

@@ -1,5 +1,9 @@
 import '@synergy-design-system/components/components/details/details.js';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynDetails, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynDetails } from '@synergy-design-system/components';
 export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
@@ -12,21 +16,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     open?: SynDetails["open"];
     /**
-  * The summary to show in the header.
-  * If you need to display HTML, use the `summary` slot instead.
-   */
+     * The summary to show in the header.
+     * If you need to display HTML, use the `summary` slot instead.
+     */
     summary?: SynDetails["summary"];
     /**
-  * Disables the details so it can't be toggled.
-   */
+     * Disables the details so it can't be toggled.
+     */
     disabled?: SynDetails["disabled"];
     /**
-  * Draws the details as contained element.
-   */
+     * Draws the details as contained element.
+     */
     contained?: SynDetails["contained"];
     /**
-  * The details's size.
-   */
+     * The details's size.
+     */
     size?: SynDetails["size"];
 }>, {
     nativeElement: import("vue").Ref<SynDetails | undefined>;
@@ -43,21 +47,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     open?: SynDetails["open"];
     /**
-  * The summary to show in the header.
-  * If you need to display HTML, use the `summary` slot instead.
-   */
+     * The summary to show in the header.
+     * If you need to display HTML, use the `summary` slot instead.
+     */
     summary?: SynDetails["summary"];
     /**
-  * Disables the details so it can't be toggled.
-   */
+     * Disables the details so it can't be toggled.
+     */
     disabled?: SynDetails["disabled"];
     /**
-  * Draws the details as contained element.
-   */
+     * Draws the details as contained element.
+     */
     contained?: SynDetails["contained"];
     /**
-  * The details's size.
-   */
+     * The details's size.
+     */
     size?: SynDetails["size"];
 }>>> & {
     "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;

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

@@ -1,5 +1,11 @@
 import '@synergy-design-system/components/components/dialog/dialog.js';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynDialog, SynHideEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynInitialFocusEvent } from '@synergy-design-system/components';
+import type { SynRequestCloseEvent } from '@synergy-design-system/components';
+import type { SynDialog } from '@synergy-design-system/components';
 export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';

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

@@ -2,15 +2,15 @@ import '@synergy-design-system/components/components/divider/divider.js';
 import type { SynDivider } from '@synergy-design-system/components';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * Draws the divider in a vertical orientation.
-   */
+     * Draws the divider in a vertical orientation.
+     */
     vertical?: SynDivider["vertical"];
 }>, {
     nativeElement: import("vue").Ref<SynDivider | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * Draws the divider in a vertical orientation.
-   */
+     * Draws the divider in a vertical orientation.
+     */
     vertical?: SynDivider["vertical"];
 }>>>, {}, {}>;
 export default _default;