@oslokommune/punkt-vue 16.7.4 → 16.7.5

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.7.5](https://github.com/oslokommune/punkt/compare/16.7.4...16.7.5) (2026-04-15)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+* export typings (#3419). 
+
+
+---
+
+
 ## [16.7.4](https://github.com/oslokommune/punkt/compare/16.7.3...16.7.4) (2026-04-14)
 
 ### ⚠ BREAKING CHANGES

package/dist/components/accordion/Accordion.vue.d.ts

@@ -0,0 +1,29 @@
+interface IAccordionItemProps {
+    className?: string;
+    compact?: boolean;
+    skin?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        accordionRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IAccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IAccordionItemProps> & Readonly<{}>, {
+    skin: string;
+    compact: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    accordionRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @component PktAccordionItem
+ *  An expandable/collapsible content section that can be used standalone or within an Accordion group
+ *
+ * Example usage:
+ * ```tsx
+ * <PktAccordionItem title="Title"  skin="blue">
+ *   <p>Content</p>
+ * </PktAccordionItem>
+ * ```
+ *
+ * @remarks
+ * The "skin" and "compact" props should only be used when using PktAccordionItem as a standalone component.
+ * For grouped accordion items, wrap items in the PktAccordion component instead to avoid inconsistent styling.
+ */
+interface IPktAccordionToggleProps {
+    isOpen: boolean;
+    onToggleClick: (id: string) => void;
+}
+interface IPktAccordionItem {
+    title: string;
+    className?: string;
+    id: string;
+    defaultOpen?: boolean;
+    toggleProps?: IPktAccordionToggleProps;
+    skin?: 'borderless' | 'outlined' | 'beige' | 'blue';
+    compact?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDetailsElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IPktAccordionItem, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IPktAccordionItem> & Readonly<{}>, {
+    title: string;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDetailsElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,7 @@
+import { default as Accordion } from './Accordion.vue';
+import { default as AccordionItem } from './AccordionItem.vue';
+export default Plugin;
+declare namespace Plugin {
+    function install(Vue: any): void;
+}
+export { Accordion as PktAccordion, AccordionItem as PktAccordionItem };

package/dist/components/alert/Alert.vue.d.ts

@@ -0,0 +1,63 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    skin: {
+        type: StringConstructor;
+        default: string;
+        validator(value: unknown): boolean;
+    };
+    closeAlert: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    date: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLive: {
+        type: StringConstructor;
+        default: string;
+        validator(value: unknown): boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    skin: {
+        type: StringConstructor;
+        default: string;
+        validator(value: unknown): boolean;
+    };
+    closeAlert: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    date: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLive: {
+        type: StringConstructor;
+        default: string;
+        validator(value: unknown): boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    skin: string;
+    closeAlert: boolean;
+    title: string;
+    date: string;
+    ariaLive: string;
+    compact: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/alert/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Alert } from './Alert.vue';
+export default Plugin;
+export { Alert as PktAlert };
+declare namespace Plugin {
+    function install(Vue: any): void;
+}

package/dist/components/backlink/BackLink.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    href: string;
+}, {}, {
+    PktIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: any;
+        };
+        path: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: any;
+        };
+        path: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        path: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/backlink/index.d.ts

@@ -0,0 +1,6 @@
+import { default as BackLink } from './BackLink.vue';
+export default Plugin;
+export { BackLink as PktBackLink };
+declare namespace Plugin {
+    function install(Vue: any): void;
+}

package/dist/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -0,0 +1,56 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    breadcrumbs: {
+        type: ArrayConstructor;
+        required: true;
+        default: () => any[];
+    };
+    navigationType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>, {}, {}, {
+    linkElement(): "router-link" | "a";
+    backLink(): unknown;
+    displayedBreadcrumbs(): unknown[];
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    breadcrumbs: {
+        type: ArrayConstructor;
+        required: true;
+        default: () => any[];
+    };
+    navigationType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>> & Readonly<{}>, {
+    breadcrumbs: unknown[];
+    navigationType: string;
+}, {}, {
+    PktIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: any;
+        };
+        path: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: any;
+        };
+        path: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        path: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/breadcrumbs/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Breadcrumbs } from './Breadcrumbs.vue';
+export default Plugin;
+export { Breadcrumbs as PktBreadcrumbs };
+declare namespace Plugin {
+    function install(Vue: any): void;
+}

package/dist/components/button/Button.vue.d.ts

@@ -0,0 +1,153 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    iconName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    secondIconName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    skin: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    color: {
+        type: StringConstructor;
+        validator: (value: unknown) => boolean;
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    state: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: unknown) => boolean;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    classes(): string[];
+    sizeClass(): string;
+    skinClass(): string;
+    colorClass(): string;
+    stateClass(): string;
+    variantClass(): string;
+    isLoadingClass(): "" | "pkt-btn--active";
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    iconName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    secondIconName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    skin: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    color: {
+        type: StringConstructor;
+        validator: (value: unknown) => boolean;
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    state: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: unknown) => boolean;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    skin: string;
+    type: string;
+    text: string;
+    size: string;
+    disabled: boolean;
+    iconName: string;
+    secondIconName: string;
+    variant: string;
+    isLoading: boolean;
+}, {}, {
+    PktIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: any;
+        };
+        path: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: any;
+        };
+        path: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        path: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/button/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Button } from './Button.vue';
+export default Plugin;
+export { Button as PktButton };
+declare namespace Plugin {
+    function install(Vue: any): void;
+}

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,109 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: (BooleanConstructor | ArrayConstructor)[];
+        default: boolean;
+    };
+    hasTile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkHelptext: {
+        type: StringConstructor;
+        required: false;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    computedChecked: {
+        get(): boolean | unknown[];
+        set(newValue: any): void;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onChange" | "update:modelValue")[], "onChange" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: (BooleanConstructor | ArrayConstructor)[];
+        default: boolean;
+    };
+    hasTile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkHelptext: {
+        type: StringConstructor;
+        required: false;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOnChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    disabled: boolean;
+    defaultChecked: boolean;
+    modelValue: boolean | unknown[];
+    hasTile: boolean;
+    labelPosition: string;
+    hideLabel: boolean;
+    hasError: boolean;
+    isSwitch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Checkbox } from './Checkbox.vue';
+export default Plugin;
+export { Checkbox as PktCheckbox };
+declare namespace Plugin {
+    function install(Vue: any): void;
+}