sit-onyx 1.0.0-beta.56 → 1.0.0-beta.58

package/dist/components/OnyxNavBar/modules/OnyxNavButton/NavButtonLayout.vue.d.ts

@@ -32,9 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("../../../On
     isMobile: boolean;
 }> & Readonly<{
     "onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
-}>, {
-    mobileChildrenOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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 & {

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

@@ -24,12 +24,15 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxNavButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:mobileChildrenOpen": (isOpen: boolean) => any;
     navigate: (href: string, event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<OnyxNavButtonProps> & Readonly<{
+    "onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
     onNavigate?: ((href: string, event: MouseEvent) => any) | undefined;
 }>, {
     withExternalIcon: boolean | "auto";
     active: boolean;
+    mobileChildrenOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, VNode } from "vue";
+import type { VNode } from "vue";
 import type { OnyxTooltipProps } from "./types";
 declare function __VLS_template(): {
     slots: Readonly<{
@@ -8,7 +8,7 @@ declare function __VLS_template(): {
          * **Accessibility**: You must ensure that the trigger attributes are bound to a button when the `open` prop is not `hover`!
          */
         default(params: {
-            trigger: HTMLAttributes;
+            trigger: object;
         }): VNode;
         /**
          * Optional slot to place custom content for the tooltip text.
@@ -23,7 +23,7 @@ declare function __VLS_template(): {
          * **Accessibility**: You must ensure that the trigger attributes are bound to a button when the `open` prop is not `hover`!
          */
         default(params: {
-            trigger: HTMLAttributes;
+            trigger: object;
         }): VNode;
         /**
          * Optional slot to place custom content for the tooltip text.
@@ -32,13 +32,17 @@ declare function __VLS_template(): {
          */
         tooltip?(): unknown;
     };
-    refs: {};
+    refs: {
+        tooltipWrapperRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+    };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxTooltipProps> & Readonly<{}>, {
     color: Extract<import("../..").OnyxColor, "neutral" | "danger">;
     position: import("./types").TooltipPosition;
+    alignment: import("../../composables/useWedgePosition").WedgePosition | "auto";
     fitParent: boolean;
     open: import("./types").TooltipOpen;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,5 +1,6 @@
 import type { MaybeRefOrGetter } from "vue";
 import type { DensityProp } from "../../composables/density";
+import type { WedgePosition } from "../../composables/useWedgePosition";
 import type { OnyxColor } from "../../types";
 export type TooltipOptions = {
     /**
@@ -25,6 +26,10 @@ export type OnyxTooltipProps = DensityProp & {
      * How to position the tooltip relative to the parent element.
      */
     position?: TooltipPosition;
+    /**
+     * How to align the wedge relative to the parent element.
+     */
+    alignment?: WedgePosition | "auto";
     /**
      * If `true`, the tooltip will match the width of the parent/slot element.
      */
@@ -40,7 +45,7 @@ export type OnyxTooltipProps = DensityProp & {
      */
     open?: TooltipOpen;
 };
-export declare const TOOLTIP_POSITIONS: readonly ["top", "bottom"];
+export declare const TOOLTIP_POSITIONS: readonly ["top", "bottom", "auto"];
 export type TooltipPosition = (typeof TOOLTIP_POSITIONS)[number];
 export type TooltipOpen = "hover" | "click" | boolean | ({
     type: "hover";

package/dist/composables/required.d.ts

@@ -1,5 +1,5 @@
-declare const REQUIRED_MARKER: readonly ["optional", "required"];
-export type RequiredMarkerType = (typeof REQUIRED_MARKER)[number];
+export declare const RequiredMarkerTypes: readonly ["optional", "required"];
+export type RequiredMarkerType = (typeof RequiredMarkerTypes)[number];
 export type RequiredMarkerProp = {
     /**
      * Whether the a value for this form element is required.
@@ -25,4 +25,3 @@ export declare const useRequired: (props: RequiredMarkerProp) => {
         "onyx-optional-marker": boolean;
     }>;
 };
-export {};

package/dist/composables/useOpenDirection.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRef } from "vue";
 export type OpenDirection = "top" | "bottom";
-export declare const useOpenDirection: (element: MaybeRef<Element | undefined>) => {
+export declare const useOpenDirection: (element: MaybeRef<Element | undefined>, defaultDirection?: OpenDirection) => {
     /**
      * Direction in which the flyout etc. should open to.
      */
@@ -11,3 +11,4 @@ export declare const useOpenDirection: (element: MaybeRef<Element | undefined>)
      */
     updateOpenDirection: () => void;
 };
+export declare const findParentWithHiddenOverflow: (element?: Element) => Element | undefined;

package/dist/composables/useWedgePosition.d.ts

@@ -0,0 +1,13 @@
+import { type MaybeRef } from "vue";
+export type WedgePosition = "center" | "left" | "right";
+export declare const useWedgePosition: (element: MaybeRef<Element | undefined>, tooltipElement: MaybeRef<Element | undefined>) => {
+    /**
+     * Direction in which the flyout etc. should open to.
+     */
+    wedgePosition: import("vue").Ref<WedgePosition, WedgePosition>;
+    /**
+     * Detects in which direction a flyout etc. should be opened, depending on the available space in each direction.
+     * Should only be called onBeforeMount or later to support server side rendering.
+     */
+    updateWedgePosition: () => void;
+};