@kong/kongponents 9.26.2 → 9.26.3-pr.2679.3bb191ed8.0

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

@@ -1,230 +1,10 @@
-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>;
+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>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -4,4 +4,58 @@ export declare enum EmptyStateIconVariants {
     Search = "search",
     Kong = "kong"
 }
+export interface EmptyStateProps {
+    /**
+     * The title of the empty state
+     */
+    title?: string;
+    /**
+     * The message of the empty state
+     */
+    message?: string;
+    /**
+     * When true, shows action button
+     * @default true
+     */
+    actionButtonVisible?: boolean;
+    /**
+     * Text within action button
+     */
+    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}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.26.2",
+  "version": "9.26.3-pr.2679.3bb191ed8.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -26,33 +26,6 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cypress run --component -b chrome",
-    "test:open": "cypress open --component -b chrome",
-    "test:spec": "cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.6",
     "@kong/icons": "^1.22.1",
@@ -183,7 +156,6 @@
   "engines": {
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0"
   },
-  "packageManager": "pnpm@9.11.0",
   "volta": {
     "node": "20.17.0",
     "pnpm": "9.11.0"
@@ -197,5 +169,32 @@
       "jiraPrepend": "[",
       "jiraAppend": "]"
     }
+  },
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cypress run --component -b chrome",
+    "test:open": "cypress open --component -b chrome",
+    "test:spec": "cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}