sit-onyx 1.0.0-beta.152 → 1.0.0-beta.153

package/dist/components/OnyxButton/ButtonOrLinkLayout.vue.d.ts

@@ -0,0 +1,27 @@
+import type { OnyxButtonProps } from "./types";
+type __VLS_Props = Pick<OnyxButtonProps, "disabled" | "link" | "loading" | "type" | "autofocus">;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Button content.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Button content.
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxButton/types.d.ts

@@ -2,6 +2,7 @@ import type { DensityProp } from "../../composables/density";
 import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp } from "../../types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
+import type { WithLinkProp } from "../OnyxRouterLink/types";
 export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * The text content of the button.
@@ -35,6 +36,11 @@ export type OnyxButtonProps = DensityProp & AutofocusProp & {
      * Whether to show a skeleton button.
      */
     skeleton?: SkeletonInjected;
+    /**
+     * If set, the button will be rendered as link.
+     * Note that not all button properties are supported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.
+     */
+    link?: WithLinkProp["link"];
 };
 export declare const BUTTON_TYPES: readonly ["button", "submit", "reset"];
 export type ButtonType = (typeof BUTTON_TYPES)[number];

package/dist/components/OnyxIconButton/types.d.ts

@@ -1,9 +1,9 @@
 import type { DensityProp } from "../../composables/density";
 import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp } from "../../types";
-import type { ButtonColor, ButtonType } from "../OnyxButton/types";
+import type { ButtonColor, ButtonType, OnyxButtonProps } from "../OnyxButton/types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
-export type OnyxIconButtonProps = DensityProp & AutofocusProp & {
+export type OnyxIconButtonProps = DensityProp & AutofocusProp & Pick<OnyxButtonProps, "link"> & {
     /**
      * The aria-label of the button.
      */

package/dist/components/OnyxSystemButton/types.d.ts

@@ -1,5 +1,5 @@
 import type { OnyxButtonProps } from "../OnyxButton/types";
-export type OnyxSystemButtonProps = Pick<OnyxButtonProps, "disabled" | "autofocus" | "skeleton"> & {
+export type OnyxSystemButtonProps = Pick<OnyxButtonProps, "disabled" | "autofocus" | "skeleton" | "link"> & {
     /**
      * Button label / text to show. Is always required (even if `icon` is set) for screen readers / accessibility.
      */