@kong/kongponents 9.28.2-pr.2690.aa31c581e.0 → 9.28.2

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

@@ -1,170 +1,12 @@
-import type { PropType } from 'vue';
-import type { TriggerAlignment, HeaderTag } from '../../../types';
-import { ChevronRightIcon } from '@kong/icons';
-import { KUI_ICON_SIZE_40 } from '@kong/design-tokens';
-declare const contentId: string;
-declare const trailingTrigger: import("vue").ComputedRef<boolean>;
-declare const hasVisibleContent: import("vue").ComputedRef<boolean>;
-declare const collapsedState: import("vue").ComputedRef<boolean>;
-declare const toggleDisplay: (isToggled?: boolean) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_5: {}, __VLS_7: {
-    isCollapsed: boolean;
-    toggle: (isToggled?: boolean) => void;
-}, __VLS_9: {}, __VLS_15: {}, __VLS_21: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    title?: (props: typeof __VLS_5) => any;
-} & {
-    trigger?: (props: typeof __VLS_7) => any;
-} & {
-    'trigger-content'?: (props: typeof __VLS_9) => any;
-} & {
-    'visible-content'?: (props: typeof __VLS_15) => any;
-} & {
-    default?: (props: typeof __VLS_21) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    titleTag: {
-        type: PropType<HeaderTag>;
-        default: string;
-        validator: (value: HeaderTag) => boolean;
-    };
-    triggerLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    triggerAlignment: {
-        type: PropType<TriggerAlignment>;
-        required: false;
-        default: string;
-        validator: (value: TriggerAlignment) => boolean;
-    };
-}>, {
-    ChevronRightIcon: typeof ChevronRightIcon;
-    KUI_ICON_SIZE_40: typeof KUI_ICON_SIZE_40;
-    contentId: typeof contentId;
-    trailingTrigger: typeof trailingTrigger;
-    hasVisibleContent: typeof hasVisibleContent;
-    collapsedState: typeof collapsedState;
-    toggleDisplay: typeof toggleDisplay;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    toggle: (value: boolean) => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    titleTag: {
-        type: PropType<HeaderTag>;
-        default: string;
-        validator: (value: HeaderTag) => boolean;
-    };
-    triggerLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    triggerAlignment: {
-        type: PropType<TriggerAlignment>;
-        required: false;
-        default: string;
-        validator: (value: TriggerAlignment) => boolean;
-    };
-}>> & Readonly<{
-    onToggle?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    title: string;
-    titleTag: HeaderTag;
-    modelValue: boolean;
-    triggerLabel: string;
-    triggerAlignment: "leading" | "trailing";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    titleTag: {
-        type: PropType<HeaderTag>;
-        default: string;
-        validator: (value: HeaderTag) => boolean;
-    };
-    triggerLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    triggerAlignment: {
-        type: PropType<TriggerAlignment>;
-        required: false;
-        default: string;
-        validator: (value: TriggerAlignment) => boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    toggle: (value: boolean) => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    titleTag: {
-        type: PropType<HeaderTag>;
-        default: string;
-        validator: (value: HeaderTag) => boolean;
-    };
-    triggerLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    triggerAlignment: {
-        type: PropType<TriggerAlignment>;
-        required: false;
-        default: string;
-        validator: (value: TriggerAlignment) => boolean;
-    };
-}>> & Readonly<{
-    onToggle?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    title: string;
-    titleTag: HeaderTag;
-    modelValue: boolean;
-    triggerLabel: string;
-    triggerAlignment: "leading" | "trailing";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { CollapseProps, CollapseSlots } from '../../../types';
+type __VLS_Slots = CollapseSlots;
+declare const __VLS_component: import("vue").DefineComponent<CollapseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (collapsed: boolean) => any;
+    "update:modelValue": (collapsed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CollapseProps> & Readonly<{
+    onToggle?: ((collapsed: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((collapsed: boolean) => 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/collapse.d.ts

@@ -1,3 +1,67 @@
 import type { AnyElementOf } from '../types/utils';
+import type { HeaderTag } from './card';
 export declare const TriggerAlignmentArray: readonly ["leading", "trailing"];
 export type TriggerAlignment = AnyElementOf<typeof TriggerAlignmentArray>;
+export interface CollapseProps {
+    /**
+     * Whether the collapsible section is collapsed.
+     * @default true
+     */
+    modelValue?: boolean;
+    /**
+     * The title of the collapsible section.
+     */
+    title?: string;
+    /**
+     * HTML element you want title to be rendered as.
+     * One of ['div', 'p', 'span', 'a', 'legend', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'].
+     * @default 'div'
+     */
+    titleTag?: HeaderTag;
+    /**
+     * The label of the trigger.
+     * @default ''
+     */
+    triggerLabel?: string;
+    /**
+     * The alignment of the trigger.
+     * One of ['leading', 'trailing'].
+     * @default 'leading'
+     */
+    triggerAlignment?: TriggerAlignment;
+}
+export interface CollapseEmits {
+    /**
+     * Emitted when the trigger is clicked.
+     */
+    toggle: [collapsed: boolean];
+    /**
+     * Emitted when the `modelValue` is changed.
+     */
+    'update:modelValue': [collapsed: boolean];
+}
+export interface CollapseSlots {
+    /**
+     * Content to be hidden or shown when clicking the trigger.
+     */
+    default?(): any;
+    /**
+     * Content displayed above the collapsible content that is always visible.
+     */
+    'visible-content'?(): any;
+    /**
+     * Contents of the trigger link anchor; click handling is built-in.
+     */
+    'trigger-content'?(): any;
+    /**
+     * Completely control the trigger, including managing click events.
+     */
+    trigger?(props: {
+        isCollapsed: boolean;
+        toggle: () => void;
+    }): any;
+    /**
+     * Slot for custom title content.
+     */
+    title?(): any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.28.2-pr.2690.aa31c581e.0",
+  "version": "9.28.2",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -26,6 +26,33 @@
     "./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",
@@ -156,6 +183,7 @@
   "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"
@@ -169,32 +197,5 @@
       "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"
   }
-}
+}

package/dist/types/composables/useDeprecated.d.ts

@@ -1,8 +0,0 @@
-import type { WatchSource } from 'vue';
-export interface UseDeprecatedProps {
-    notice: string;
-    docPath?: string;
-    fragment?: string;
-}
-export declare const composeWarning: (componentName: string, notice: string, docPath?: string, fragment?: string) => string;
-export declare const useDeprecated: (condition: WatchSource<boolean>, { notice, docPath, fragment, }: UseDeprecatedProps) => void;