@dialpad/dialtone 9.94.2 → 9.96.0

package/dist/vue3/types/components/popover/popover.vue.d.ts

@@ -1,3 +1,434 @@
-declare const _default: (props: Record<string, any> & {}) => any;
+import { hasSlotContent } from '../../common/utils';
+declare const _default: import('vue').DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    openOnContext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementType: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    role: {
+        type: StringConstructor;
+        default: string;
+        validator: (role: unknown) => boolean;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: null;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (padding: unknown) => boolean;
+    };
+    contentClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    contentWidth: {
+        type: StringConstructor;
+        default: string;
+        validator: (contentWidth: unknown) => boolean;
+    };
+    contentAppear: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    contentTabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    externalAnchor: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    tether: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (sticky: unknown) => boolean;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    footerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    dialogClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    initialFocusElement: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (initialFocusElement: unknown) => any;
+    };
+    openWithArrowKeys: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (appendTo: unknown) => boolean;
+    };
+}, any, {
+    POPOVER_PADDING_CLASSES: {
+        none: undefined;
+        small: string;
+        medium: string;
+        large: string;
+    };
+    POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
+        none: undefined;
+        small: string;
+        medium: string;
+        large: string;
+    };
+    intersectionObserver: null;
+    isOutsideViewport: boolean;
+    isOpen: boolean;
+    toAppear: boolean;
+    anchorEl: null;
+    popoverContentEl: null;
+    hasSlotContent: typeof hasSlotContent;
+}, {
+    popoverListeners(): {
+        keydown: (event: any) => void;
+        'after-leave': (event: any) => void;
+        'after-enter': (event: any) => void;
+    };
+    calculatedMaxHeight(): "calc(100vh - var(--dt-space-300))";
+    labelledBy(): never;
+}, {
+    hasIntersectedViewport(entries: any): void;
+    popperOptions(): {
+        modifiers: ({
+            name: string;
+            options: {
+                fallbackPlacements: any[];
+                boundary: string;
+                altAxis?: undefined;
+                tether?: undefined;
+            };
+            enabled?: undefined;
+        } | {
+            name: string;
+            enabled: boolean;
+            options?: undefined;
+        } | {
+            name: string;
+            options: {
+                altAxis: boolean;
+                tether: boolean;
+                fallbackPlacements?: undefined;
+                boundary?: undefined;
+            };
+            enabled?: undefined;
+        })[];
+    };
+    validateProps(): void;
+    calculateAnchorZindex(): 300 | 650;
+    defaultToggleOpen(e: any): void;
+    onContext(event: any): Promise<void>;
+    toggleOpen(): void;
+    onArrowKeyPress(e: any): void;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    closePopover(): void;
+    preventScrolling(): void;
+    enableScrolling(): void;
+    removeReferences(): void;
+    onShow(): Promise<void>;
+    onLeaveTransitionComplete(): Promise<void>;
+    onEnterTransitionComplete(): Promise<void>;
+    focusInitialElement(): void;
+    focusInitialElementById(): void;
+    onResize(): void;
+    onClickOutside(): void;
+    onKeydown(e: any): void;
+    setPopoverContentAnchorWidth(): Promise<void>;
+    focusFirstElementIfNeeded(domEl: any): void;
+    getReferenceClientRect(error: any): any;
+    initTippyInstance(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onMouseEnterAnchor(): void;
+    onMouseLeaveAnchor(): void;
+}, {
+    props: {
+        visuallyHiddenClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visuallyHiddenCloseLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+    };
+    watch: {
+        $props: {
+            immediate: boolean;
+            deep: boolean;
+            handler(): void;
+        };
+    };
+    computed: {
+        showVisuallyHiddenClose(): any;
+    };
+    methods: {
+        validateVisuallyHiddenCloseProps(): void;
+    };
+} | {
+    methods: {
+        getFirstFocusableElement(el: object): Promise<any>;
+        focusFirstElement(el?: object): Promise<void>;
+        focusElementById(elementId: any): Promise<void>;
+        _getFirstFocusElement(focusableElements: any): any;
+        _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+        focusTrappedTabPress(e: object, el: object): void;
+    };
+}, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    openOnContext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementType: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    role: {
+        type: StringConstructor;
+        default: string;
+        validator: (role: unknown) => boolean;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: null;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (padding: unknown) => boolean;
+    };
+    contentClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    contentWidth: {
+        type: StringConstructor;
+        default: string;
+        validator: (contentWidth: unknown) => boolean;
+    };
+    contentAppear: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    contentTabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    externalAnchor: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    tether: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (sticky: unknown) => boolean;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    footerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    dialogClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    initialFocusElement: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (initialFocusElement: unknown) => any;
+    };
+    openWithArrowKeys: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (appendTo: unknown) => boolean;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onMouseenter-popover"?: ((...args: any[]) => any) | undefined;
+    "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
+    "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
+    "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
+}, {
+    id: string;
+    role: string;
+    open: boolean;
+    ariaLabel: string;
+    transition: string;
+    closeButtonProps: Record<string, any>;
+    dialogClass: string | Record<string, any> | unknown[];
+    maxHeight: string;
+    contentClass: string | Record<string, any> | unknown[];
+    headerClass: string | Record<string, any> | unknown[];
+    footerClass: string | Record<string, any> | unknown[];
+    elementType: string;
+    maxWidth: string;
+    offset: unknown[];
+    fallbackPlacements: unknown[];
+    tether: boolean;
+    appendTo: string | HTMLElement;
+    hideOnClick: boolean;
+    placement: string;
+    sticky: string | boolean;
+    externalAnchor: string;
+    showCloseButton: boolean;
+    contentAppear: boolean;
+    modal: boolean;
+    openOnContext: boolean;
+    ariaLabelledby: string;
+    padding: string;
+    contentWidth: string;
+    contentTabindex: number;
+    initialFocusElement: string | HTMLElement;
+    openWithArrowKeys: boolean;
+}, {}>;
 export default _default;
 //# sourceMappingURL=popover.vue.d.ts.map

package/dist/vue3/types/components/popover/popover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../../components/popover/popover.vue"],"names":[],"mappings":"AA6HA;"}
+{"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../../components/popover/popover.vue"],"names":[],"mappings":"AA6HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAqjC6H,gBAAgB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.94.2",
+  "version": "9.96.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -73,9 +73,9 @@
     "overlayscrollbars": "2.10.0",
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
+    "@dialpad/dialtone-icons": "4.33.0",
     "@dialpad/dialtone-emojis": "1.1.0",
-    "@dialpad/dialtone-tokens": "1.38.0",
-    "@dialpad/dialtone-icons": "4.32.0"
+    "@dialpad/dialtone-tokens": "1.39.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",