@synergy-design-system/vue 2.7.2 → 2.8.0

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

@@ -1,5 +1,9 @@
 import '@synergy-design-system/components/components/nav-item/nav-item.js';
-import type { SynBlurEvent, SynFocusEvent, SynHideEvent, SynNavItem, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynNavItem } from '@synergy-design-system/components';
 export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
@@ -15,12 +19,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: SynNavItem["href"];
     current?: SynNavItem["current"];
     /**
-  * Disables the navigation item.
-   */
+     * Disables the navigation item.
+     */
     disabled?: SynNavItem["disabled"];
     /**
-  * The navigation item's orientation.
-   */
+     * The navigation item's orientation.
+     */
     horizontal?: SynNavItem["horizontal"];
     /**
   * Appends a chevron to the right side of a navigation item.
@@ -55,12 +59,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: SynNavItem["href"];
     current?: SynNavItem["current"];
     /**
-  * Disables the navigation item.
-   */
+     * Disables the navigation item.
+     */
     disabled?: SynNavItem["disabled"];
     /**
-  * The navigation item's orientation.
-   */
+     * The navigation item's orientation.
+     */
     horizontal?: SynNavItem["horizontal"];
     /**
   * Appends a chevron to the right side of a navigation item.

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

@@ -5,25 +5,25 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * Disables all options in the optgroup.
-   */
+     * Disables all options in the optgroup.
+     */
     disabled?: SynOptgroup["disabled"];
     /**
-  * The optgroups label.
-  * If you need to display HTML, use the `label` slot instead.
-   */
+     * The optgroups label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
     label?: SynOptgroup["label"];
 }>, {
     nativeElement: import("vue").Ref<SynOptgroup | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * Disables all options in the optgroup.
-   */
+     * Disables all options in the optgroup.
+     */
     disabled?: SynOptgroup["disabled"];
     /**
-  * The optgroups label.
-  * If you need to display HTML, use the `label` slot instead.
-   */
+     * The optgroups label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
     label?: SynOptgroup["label"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -14,8 +14,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
    */
     value?: SynOption["value"];
     /**
-  * Draws the option in a disabled state, preventing selection.
-   */
+     * Draws the option in a disabled state, preventing selection.
+     */
     disabled?: SynOption["disabled"];
 }>, {
     nativeElement: import("vue").Ref<SynOption | undefined>;
@@ -30,8 +30,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
    */
     value?: SynOption["value"];
     /**
-  * Draws the option in a disabled state, preventing selection.
-   */
+     * Draws the option in a disabled state, preventing selection.
+     */
     disabled?: SynOption["disabled"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,5 +1,6 @@
 import '@synergy-design-system/components/components/popup/popup.js';
-import type { SynPopup, SynRepositionEvent } from '@synergy-design-system/components';
+import type { SynRepositionEvent } from '@synergy-design-system/components';
+import type { SynPopup } from '@synergy-design-system/components';
 export type { SynRepositionEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
@@ -29,12 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     strategy?: SynPopup["strategy"];
     /**
-  * The distance in pixels from which to offset the panel away from its anchor.
-   */
+     * The distance in pixels from which to offset the panel away from its anchor.
+     */
     distance?: SynPopup["distance"];
     /**
-  * The distance in pixels from which to offset the panel along its anchor.
-   */
+     * The distance in pixels from which to offset the panel along its anchor.
+     */
     skidding?: SynPopup["skidding"];
     /**
   * Attaches an arrow to the popup.
@@ -88,12 +89,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     flipBoundary?: SynPopup["flipBoundary"];
     /**
-  * The amount of padding, in pixels, to exceed before the flip behavior will occur.
-   */
+     * The amount of padding, in pixels, to exceed before the flip behavior will occur.
+     */
     flipPadding?: SynPopup["flipPadding"];
     /**
-  * Moves the popup along the axis to keep it in view when clipped.
-   */
+     * Moves the popup along the axis to keep it in view when clipped.
+     */
     shift?: SynPopup["shift"];
     /**
   * The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting.
@@ -104,16 +105,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     shiftBoundary?: SynPopup["shiftBoundary"];
     /**
-  * The amount of padding, in pixels, to exceed before the shift behavior will occur.
-   */
+     * The amount of padding, in pixels, to exceed before the shift behavior will occur.
+     */
     shiftPadding?: SynPopup["shiftPadding"];
     /**
-  * When set, this will cause the popup to automatically resize itself to prevent it from overflowing.
-   */
+     * When set, this will cause the popup to automatically resize itself to prevent it from overflowing.
+     */
     autoSize?: SynPopup["autoSize"];
     /**
-  * Syncs the popup's width or height to that of the anchor element.
-   */
+     * Syncs the popup's width or height to that of the anchor element.
+     */
     sync?: SynPopup["sync"];
     /**
   * The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing.
@@ -124,8 +125,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     autoSizeBoundary?: SynPopup["autoSizeBoundary"];
     /**
-  * The amount of padding, in pixels, to exceed before the auto-size behavior will occur.
-   */
+     * The amount of padding, in pixels, to exceed before the auto-size behavior will occur.
+     */
     autoSizePadding?: SynPopup["autoSizePadding"];
     /**
   * When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
@@ -168,12 +169,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     strategy?: SynPopup["strategy"];
     /**
-  * The distance in pixels from which to offset the panel away from its anchor.
-   */
+     * The distance in pixels from which to offset the panel away from its anchor.
+     */
     distance?: SynPopup["distance"];
     /**
-  * The distance in pixels from which to offset the panel along its anchor.
-   */
+     * The distance in pixels from which to offset the panel along its anchor.
+     */
     skidding?: SynPopup["skidding"];
     /**
   * Attaches an arrow to the popup.
@@ -227,12 +228,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     flipBoundary?: SynPopup["flipBoundary"];
     /**
-  * The amount of padding, in pixels, to exceed before the flip behavior will occur.
-   */
+     * The amount of padding, in pixels, to exceed before the flip behavior will occur.
+     */
     flipPadding?: SynPopup["flipPadding"];
     /**
-  * Moves the popup along the axis to keep it in view when clipped.
-   */
+     * Moves the popup along the axis to keep it in view when clipped.
+     */
     shift?: SynPopup["shift"];
     /**
   * The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting.
@@ -243,16 +244,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     shiftBoundary?: SynPopup["shiftBoundary"];
     /**
-  * The amount of padding, in pixels, to exceed before the shift behavior will occur.
-   */
+     * The amount of padding, in pixels, to exceed before the shift behavior will occur.
+     */
     shiftPadding?: SynPopup["shiftPadding"];
     /**
-  * When set, this will cause the popup to automatically resize itself to prevent it from overflowing.
-   */
+     * When set, this will cause the popup to automatically resize itself to prevent it from overflowing.
+     */
     autoSize?: SynPopup["autoSize"];
     /**
-  * Syncs the popup's width or height to that of the anchor element.
-   */
+     * Syncs the popup's width or height to that of the anchor element.
+     */
     sync?: SynPopup["sync"];
     /**
   * The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing.
@@ -263,8 +264,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     autoSizeBoundary?: SynPopup["autoSizeBoundary"];
     /**
-  * The amount of padding, in pixels, to exceed before the auto-size behavior will occur.
-   */
+     * The amount of padding, in pixels, to exceed before the auto-size behavior will occur.
+     */
     autoSizePadding?: SynPopup["autoSizePadding"];
     /**
   * When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the

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

@@ -5,31 +5,31 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The current progress as a percentage, 0 to 100.
-   */
+     * The current progress as a percentage, 0 to 100.
+     */
     value?: SynProgressBar["value"];
     /**
-  * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
-   */
+     * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
+     */
     indeterminate?: SynProgressBar["indeterminate"];
     /**
-  * A custom label for assistive devices.
-   */
+     * A custom label for assistive devices.
+     */
     label?: SynProgressBar["label"];
 }>, {
     nativeElement: import("vue").Ref<SynProgressBar | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The current progress as a percentage, 0 to 100.
-   */
+     * The current progress as a percentage, 0 to 100.
+     */
     value?: SynProgressBar["value"];
     /**
-  * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
-   */
+     * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
+     */
     indeterminate?: SynProgressBar["indeterminate"];
     /**
-  * A custom label for assistive devices.
-   */
+     * A custom label for assistive devices.
+     */
     label?: SynProgressBar["label"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -5,23 +5,23 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The current progress as a percentage, 0 to 100.
-   */
+     * The current progress as a percentage, 0 to 100.
+     */
     value?: SynProgressRing["value"];
     /**
-  * A custom label for assistive devices.
-   */
+     * A custom label for assistive devices.
+     */
     label?: SynProgressRing["label"];
 }>, {
     nativeElement: import("vue").Ref<SynProgressRing | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The current progress as a percentage, 0 to 100.
-   */
+     * The current progress as a percentage, 0 to 100.
+     */
     value?: SynProgressRing["value"];
     /**
-  * A custom label for assistive devices.
-   */
+     * A custom label for assistive devices.
+     */
     label?: SynProgressRing["label"];
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,12 +1,14 @@
 import '@synergy-design-system/components/components/radio/radio.js';
-import type { SynBlurEvent, SynFocusEvent, SynRadio } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynRadio } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The radio's value.
-  * When selected, the radio group will receive this value.
-   */
+     * The radio's value.
+     * When selected, the radio group will receive this value.
+     */
     value?: SynRadio["value"];
     /**
   * The radio's size.
@@ -15,8 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     size?: SynRadio["size"];
     /**
-  * Disables the radio.
-   */
+     * Disables the radio.
+     */
     disabled?: SynRadio["disabled"];
 }>, {
     nativeElement: import("vue").Ref<SynRadio | undefined>;
@@ -25,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-focus": (e: SynFocusEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The radio's value.
-  * When selected, the radio group will receive this value.
-   */
+     * The radio's value.
+     * When selected, the radio group will receive this value.
+     */
     value?: SynRadio["value"];
     /**
   * The radio's size.
@@ -36,8 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     size?: SynRadio["size"];
     /**
-  * Disables the radio.
-   */
+     * Disables the radio.
+     */
     disabled?: SynRadio["disabled"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;

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

@@ -1,16 +1,18 @@
 import '@synergy-design-system/components/components/radio-button/radio-button.js';
-import type { SynBlurEvent, SynFocusEvent, SynRadioButton } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynRadioButton } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
-  * The radio's value.
-  * When selected, the radio group will receive this value.
-   */
+     * The radio's value.
+     * When selected, the radio group will receive this value.
+     */
     value?: SynRadioButton["value"];
     /**
-  * Disables the radio button.
-   */
+     * Disables the radio button.
+     */
     disabled?: SynRadioButton["disabled"];
     /**
   * The radio button's size.
@@ -19,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     size?: SynRadioButton["size"];
     /**
-  * Draws a pill-style radio button with rounded edges.
-   */
+     * Draws a pill-style radio button with rounded edges.
+     */
     pill?: SynRadioButton["pill"];
 }>, {
     nativeElement: import("vue").Ref<SynRadioButton | undefined>;
@@ -29,13 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-focus": (e: SynFocusEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
-  * The radio's value.
-  * When selected, the radio group will receive this value.
-   */
+     * The radio's value.
+     * When selected, the radio group will receive this value.
+     */
     value?: SynRadioButton["value"];
     /**
-  * Disables the radio button.
-   */
+     * Disables the radio button.
+     */
     disabled?: SynRadioButton["disabled"];
     /**
   * The radio button's size.
@@ -44,8 +46,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     size?: SynRadioButton["size"];
     /**
-  * Draws a pill-style radio button with rounded edges.
-   */
+     * Draws a pill-style radio button with rounded edges.
+     */
     pill?: SynRadioButton["pill"];
 }>>> & {
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;

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

@@ -1,5 +1,8 @@
 import '@synergy-design-system/components/components/radio-group/radio-group.js';
-import type { SynChangeEvent, SynInputEvent, SynInvalidEvent, SynRadioGroup } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynRadioGroup } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
@@ -12,22 +15,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     label?: SynRadioGroup["label"];
     /**
-  * The radio groups's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The radio groups's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynRadioGroup["helpText"];
     /**
-  * The name of the radio group, submitted as a name/value pair with form data.
-   */
+     * The name of the radio group, submitted as a name/value pair with form data.
+     */
     name?: SynRadioGroup["name"];
     /**
-  * The current value of the radio group, submitted as a name/value pair with form data.
-   */
+     * The current value of the radio group, submitted as a name/value pair with form data.
+     */
     value?: SynRadioGroup["value"];
     /**
-  * The radio group's size.
-  * This size will be applied to all child radios and radio buttons.
-   */
+     * The radio group's size.
+     * This size will be applied to all child radios and radio buttons.
+     */
     size?: SynRadioGroup["size"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -38,12 +41,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynRadioGroup["form"];
     /**
-  * Ensures a child radio is checked before allowing the containing form to submit.
-   */
+     * Ensures a child radio is checked before allowing the containing form to submit.
+     */
     required?: SynRadioGroup["required"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynRadioGroup["value"];
 }>, {
     nativeElement: import("vue").Ref<SynRadioGroup | undefined>;
@@ -61,22 +64,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     label?: SynRadioGroup["label"];
     /**
-  * The radio groups's help text.
-  * If you need to display HTML, use the `help-text` slot instead.
-   */
+     * The radio groups's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
     helpText?: SynRadioGroup["helpText"];
     /**
-  * The name of the radio group, submitted as a name/value pair with form data.
-   */
+     * The name of the radio group, submitted as a name/value pair with form data.
+     */
     name?: SynRadioGroup["name"];
     /**
-  * The current value of the radio group, submitted as a name/value pair with form data.
-   */
+     * The current value of the radio group, submitted as a name/value pair with form data.
+     */
     value?: SynRadioGroup["value"];
     /**
-  * The radio group's size.
-  * This size will be applied to all child radios and radio buttons.
-   */
+     * The radio group's size.
+     * This size will be applied to all child radios and radio buttons.
+     */
     size?: SynRadioGroup["size"];
     /**
   * By default, form controls are associated with the nearest containing `<form>` element.
@@ -87,12 +90,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
    */
     form?: SynRadioGroup["form"];
     /**
-  * Ensures a child radio is checked before allowing the containing form to submit.
-   */
+     * Ensures a child radio is checked before allowing the containing form to submit.
+     */
     required?: SynRadioGroup["required"];
     /**
-  * Support for two way data binding
-   */
+     * Support for two way data binding
+     */
     modelValue?: SynRadioGroup["value"];
 }>>> & {
     "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;