@kong/kongponents 9.26.3-pr.2679.c19b815ca.0 → 9.27.0

package/dist/types/components/KBadge/KBadge.vue.d.ts

@@ -1,240 +1,7 @@
-import type { PropType } from 'vue';
-import type { BadgeAppearance } from '../../../types';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    appearance: {
-        type: PropType<BadgeAppearance>;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Tooltip text that will be displayed on hover.
-     */
-    tooltip: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Whether tooltip should only be shown when the badge is truncated.
-     */
-    truncationTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Max width to apply truncation at
-     * Is superseded by CSS variable if both provided
-     */
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A boolean whether or not to show the icon before the badge text (or after).
-     */
-    iconBefore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    appearance: {
-        type: PropType<BadgeAppearance>;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Tooltip text that will be displayed on hover.
-     */
-    tooltip: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Whether tooltip should only be shown when the badge is truncated.
-     */
-    truncationTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Max width to apply truncation at
-     * Is superseded by CSS variable if both provided
-     */
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A boolean whether or not to show the icon before the badge text (or after).
-     */
-    iconBefore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    appearance: BadgeAppearance;
-    maxWidth: string;
-    tooltip: string;
-    truncationTooltip: boolean;
-    iconBefore: boolean;
-}, {}, {
-    KButton: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../types").ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("../../../types").ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("../../../types").ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: import("../../../types").ButtonSlots;
-    });
-    KTooltip: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            placement: {
-                type: PropType<import("../../../types").PopPlacements>;
-                default: string;
-                validator: (value: import("../../../types").PopPlacements) => boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            label: {
-                type: StringConstructor;
-                default: string;
-            };
-            tooltipId: {
-                type: StringConstructor;
-                default: string;
-            };
-            zIndex: {
-                type: NumberConstructor;
-                default: number;
-            };
-            kpopAttributes: {
-                type: PropType<import("../../../types").PopoverAttributes>;
-                default: () => void;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            label: string;
-            text: string;
-            placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
-            maxWidth: string;
-            zIndex: number;
-            tooltipId: string;
-            kpopAttributes: import("../../../types").PopoverAttributes;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            text: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            placement: {
-                type: PropType<import("../../../types").PopPlacements>;
-                default: string;
-                validator: (value: import("../../../types").PopPlacements) => boolean;
-            };
-            maxWidth: {
-                type: StringConstructor;
-                default: string;
-            };
-            label: {
-                type: StringConstructor;
-                default: string;
-            };
-            tooltipId: {
-                type: StringConstructor;
-                default: string;
-            };
-            zIndex: {
-                type: NumberConstructor;
-                default: number;
-            };
-            kpopAttributes: {
-                type: PropType<import("../../../types").PopoverAttributes>;
-                default: () => void;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string;
-            text: string;
-            placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
-            maxWidth: string;
-            zIndex: number;
-            tooltipId: string;
-            kpopAttributes: import("../../../types").PopoverAttributes;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        placement: {
-            type: PropType<import("../../../types").PopPlacements>;
-            default: string;
-            validator: (value: import("../../../types").PopPlacements) => boolean;
-        };
-        maxWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        tooltipId: {
-            type: StringConstructor;
-            default: string;
-        };
-        zIndex: {
-            type: NumberConstructor;
-            default: number;
-        };
-        kpopAttributes: {
-            type: PropType<import("../../../types").PopoverAttributes>;
-            default: () => void;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        label: string;
-        text: string;
-        placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
-        maxWidth: string;
-        zIndex: number;
-        tooltipId: string;
-        kpopAttributes: import("../../../types").PopoverAttributes;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-            content?: ((props: {
-                label: string;
-            }) => any) | undefined;
-        };
-    });
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    icon?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-}>;
+import type { BadgeProps, BadgeSlots } from '../../../types';
+type __VLS_Slots = BadgeSlots;
+declare const __VLS_component: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/components/KBreadcrumbs/KBreadcrumbs.vue.d.ts

@@ -1,36 +1,42 @@
-import type { PropType } from 'vue';
-import type { BreadcrumbItem } from '../../../types';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    items: {
-        type: PropType<BreadcrumbItem[]>;
-        default: BreadcrumbItem[];
-        required: true;
-        validator: (items: BreadcrumbItem[]) => boolean;
+import type { BreadcrumbItem, BreadcrumbProps } from '../../../types';
+declare const getSizeFromString: (sizeStr: string) => string;
+declare const getComponentAttrs: (item: BreadcrumbItem) => {
+    type: string;
+    attrs: {
+        title: string | undefined;
+        to?: undefined;
+        href?: undefined;
     };
-    itemMaxWidth: {
-        type: StringConstructor;
-        required: false;
-        default: string;
+} | {
+    type: string;
+    attrs: {
+        title: string | undefined;
+        to: object;
+        href?: undefined;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: PropType<BreadcrumbItem[]>;
-        default: BreadcrumbItem[];
-        required: true;
-        validator: (items: BreadcrumbItem[]) => boolean;
+} | {
+    type: string;
+    attrs: {
+        href: string;
+        title: string | undefined;
+        to?: undefined;
     };
-    itemMaxWidth: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    items: BreadcrumbItem[];
-    itemMaxWidth: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    [x: `icon-${string}`]: ((props: {}) => any) | undefined;
-    divider?: ((props: {}) => any) | undefined;
+};
+declare const getBreadcrumbKey: (item: BreadcrumbItem, idx: number) => string;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_6: `icon-${string}`, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    divider?: (props: typeof __VLS_9) => any;
 }>;
+declare const __VLS_self: import("vue").DefineComponent<BreadcrumbProps, {
+    getSizeFromString: typeof getSizeFromString;
+    getComponentAttrs: typeof getComponentAttrs;
+    getBreadcrumbKey: typeof getBreadcrumbKey;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/components/KEmptyState/KEmptyState.vue.d.ts

@@ -1,10 +1,230 @@
-import type { EmptyStateProps, EmptyStateSlots } from '../../../types';
-type __VLS_Slots = EmptyStateSlots;
-declare const __VLS_component: import("vue").DefineComponent<EmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "click-action": () => any;
-}, string, import("vue").PublicProps, Readonly<EmptyStateProps> & Readonly<{
-    "onClick-action"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import { type PropType } from 'vue';
+import { KUI_ICON_SIZE_60 } from '@kong/design-tokens';
+import KButton from '../../components/KButton/KButton.vue';
+import { EmptyStateIconVariants } from '../../../types';
+import type { EmptyStateIconVariant } from '../../../types';
+declare const getEmptyStateIcon: import("vue").ComputedRef<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    display: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    decorative: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: "24px";
+        validator: (sizeValue: number | string) => boolean;
+    };
+    as: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    staticIds: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    display: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    decorative: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: "24px";
+        validator: (sizeValue: number | string) => boolean;
+    };
+    as: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    staticIds: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    color: string;
+    display: string;
+    decorative: boolean;
+    size: string | number;
+    as: string;
+    staticIds: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+declare const getIconColor: import("vue").ComputedRef<string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    action?: (props: typeof __VLS_11) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconVariant: {
+        type: PropType<EmptyStateIconVariant>;
+        default: EmptyStateIconVariants;
+    };
+}>, {
+    KUI_ICON_SIZE_60: typeof KUI_ICON_SIZE_60;
+    KButton: typeof KButton;
+    getEmptyStateIcon: typeof getEmptyStateIcon;
+    getIconColor: typeof getIconColor;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click-action": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconVariant: {
+        type: PropType<EmptyStateIconVariant>;
+        default: EmptyStateIconVariants;
+    };
+}>> & Readonly<{
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    message: string;
+    actionButtonVisible: boolean;
+    actionButtonText: string;
+    actionButtonDisabled: boolean;
+    iconVariant: "search" | "default" | "error" | "kong";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconVariant: {
+        type: PropType<EmptyStateIconVariant>;
+        default: EmptyStateIconVariants;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click-action": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionButtonDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconVariant: {
+        type: PropType<EmptyStateIconVariant>;
+        default: EmptyStateIconVariants;
+    };
+}>> & Readonly<{
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    message: string;
+    actionButtonVisible: boolean;
+    actionButtonText: string;
+    actionButtonDisabled: boolean;
+    iconVariant: "search" | "default" | "error" | "kong";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/types/badge.d.ts

@@ -4,3 +4,38 @@ export type BadgeMethodAppearanceRecord = Record<BadgeMethodAppearance, BadgeMet
 export type BadgeAppearanceRecord = Record<BadgeAppearance, BadgeAppearance>;
 export declare const BadgeMethodAppearances: BadgeMethodAppearanceRecord;
 export declare const BadgeAppearances: BadgeAppearanceRecord;
+export interface BadgeProps {
+    /**
+     * Base style of the badge.
+     * One of ['info', 'success', 'warning', 'danger', 'neutral', 'decorative', BadgeMethodAppearance].
+     * @default 'info'
+     */
+    appearance?: BadgeAppearance;
+    /**
+     * Tooltip text that will be displayed on hover.
+     */
+    tooltip?: string;
+    /**
+     * Whether tooltip should only be shown when the badge is truncated.
+     */
+    truncationTooltip?: boolean;
+    /**
+     * Max width to apply truncation at
+     * Is superseded by CSS variable if both provided.
+     */
+    maxWidth?: string;
+    /**
+     * A boolean whether or not to show the icon before the badge text (or after).
+     */
+    iconBefore?: boolean;
+}
+export type BadgeSlots = {
+    /**
+     * The badge content.
+     */
+    default?(): any;
+    /**
+     * Used to pass an icon or (other element) into the badge. Positioning (whether this slot content is rendered before or after the badge content) is configured with the `iconBefore` prop.
+     */
+    icon?(): any;
+};

package/dist/types/types/breadcrumbs.d.ts

@@ -9,3 +9,15 @@ export interface BreadcrumbItem {
     key?: string;
     maxWidth?: string;
 }
+export interface BreadcrumbProps {
+    /**
+     * An array of breadcrumb items.
+     * @type {BreadcrumbItem[]}
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Maximum width of each breadcrumb item for truncating to ellipsis.
+     * @default '100px'
+     */
+    itemMaxWidth?: string;
+}

package/dist/types/types/empty-state.d.ts

@@ -4,61 +4,4 @@ export declare enum EmptyStateIconVariants {
     Search = "search",
     Kong = "kong"
 }
-export interface EmptyStateProps {
-    /**
-     * The title of the empty state.
-     * @default ''
-     */
-    title?: string;
-    /**
-     * The message of the empty state.
-     * @default ''
-     */
-    message?: string;
-    /**
-     * When true, shows action button.
-     * @default true
-     */
-    actionButtonVisible?: boolean;
-    /**
-     * Text within action button.
-     * @default ''
-     */
-    actionButtonText?: string;
-    /**
-     * When true, disable the action button.
-     * @default false
-     */
-    actionButtonDisabled?: boolean;
-    /**
-     * Type of the icon in empty state.
-     * One of ['default', 'error', 'search', 'kong'].
-     * @default 'default'
-     */
-    iconVariant?: EmptyStateIconVariant;
-}
-export interface EmptyStateEmits {
-    /**
-     * Emitted when dismiss button is clicked.
-     */
-    'click-action': [];
-}
-export interface EmptyStateSlots {
-    /**
-     * Slot for empty state content.
-     */
-    default?(): any;
-    /**
-     * Slot for custom icon of the empty state.
-     */
-    icon?(): any;
-    /**
-     * Slot for custom title of the empty state.
-     */
-    title?(): any;
-    /**
-     * Slot for custom action area of the empty state.
-     */
-    action?(): any;
-}
 export type EmptyStateIconVariant = `${EmptyStateIconVariants}`;