sit-onyx 1.0.0-beta.263 → 1.0.0-beta.264

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

@@ -13,13 +13,17 @@ declare function __VLS_template(): {
          */
         default(): unknown;
     };
-    refs: {};
+    refs: {
+        buttonRef: HTMLButtonElement;
+    };
     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<{}>, {
     type: import('./types.js', { with: { "resolution-mode": "import" } }).ButtonType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    buttonRef: HTMLButtonElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,13 @@
+import { Nullable } from '../../types/index.js';
+import { OnyxFabButtonProps } from '../OnyxFabButton/types.js';
+export type OnyxFabProps = OnyxFabButtonProps & {
+    /**
+     * How to align the component relative to the viewport.
+     */
+    alignment?: "left" | "right";
+    /**
+     * Whether the element is expanded or collapsed.
+     * If unset, the open state is manged internally.
+     */
+    open?: Nullable<boolean>;
+};

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

@@ -0,0 +1,17 @@
+import { DensityProp } from '../../composables/density.js';
+import { WithLinkProp } from '../OnyxRouterLink/types.js';
+export type OnyxFabButtonProps = DensityProp & WithLinkProp & {
+    /**
+     * (Aria) Label of the action button that describes the action.
+     */
+    label: string;
+    /**
+     * If `true`, the label will be visually hidden.
+     * For accessibility / screen readers, the aria-label will still be set.
+     */
+    hideLabel?: boolean;
+    /**
+     * Icon to show in the action button.
+     */
+    icon?: string;
+};

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

@@ -0,0 +1,17 @@
+import { DensityProp } from '../../composables/density.js';
+import { WithLinkProp } from '../OnyxRouterLink/types.js';
+export type OnyxFabItemProps = DensityProp & WithLinkProp & {
+    /**
+     * Text label to show
+     */
+    label: string;
+    /**
+     * If `true`, the label will be visually hidden.
+     * For accessibility / screen readers, the aria-label will still be set.
+     */
+    hideLabel?: boolean;
+    /**
+     * Optional icon to show.
+     */
+    icon?: string;
+};

package/dist/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.d.vue.ts

@@ -83,6 +83,8 @@ declare function __VLS_template(): {
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonRef: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -258,6 +260,8 @@ declare const __VLS_component: import('vue').DefineComponent<OnyxMenuItemProps,
         };
         $refs: {
             [x: string]: unknown;
+        } & {
+            buttonRef: HTMLButtonElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;

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

@@ -34,7 +34,16 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<OnyxPopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxPopoverProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<OnyxPopoverProps, {
+    /**
+     * Actual used popover position.
+     */
+    popoverPosition: import('vue').ComputedRef<"top" | "left" | "right" | "bottom" | "top right" | "top left" | "bottom right" | "bottom left">;
+    /**
+     * Actual used popover alignment.
+     */
+    popoverAlignment: import('vue').ComputedRef<import('../../composables/useOpenAlignment.js', { with: { "resolution-mode": "import" } }).OpenAlignment>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxPopoverProps> & Readonly<{}>, {
     alignment: import('../../composables/useOpenAlignment.js', { with: { "resolution-mode": "import" } }).OpenAlignment | "auto";
     position: import('../../composables/useAnchorPositionPolyfill.js', { with: { "resolution-mode": "import" } }).AnchorPosition | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {