@ks-digital/designsystem-angular 0.0.1-alpha.5 → 0.0.1-alpha.51

package/types/ks-digital-designsystem-angular-__internals.d.ts

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { ColorDefinitions, SeverityColorDefinitions } from '@ks-digital/designsystem-themes/types';
+export { ColorDefinitions as Color, SeverityColorDefinitions as SeverityColors, Size } from '@ks-digital/designsystem-themes/types';
+
+/**
+ * Applies data-size attribute to host-element.
+ */
+declare class HostSize {
+    /**
+     * Changes size for descendant Designsystemet components. Select from predefined sizes.
+     * @attribute data-size
+     */
+    readonly dataSize: i0.InputSignal<Size>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HostSize, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HostSize, never, never, { "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Applies data-color attribute to host-element for all colors, including severity colors.
+ */
+declare class HostColor {
+    /**
+     * Changes color for descendant Designsystemet components.
+     * Select from predefined colors and colors defined in theme.
+     * @attribute data-color
+     */
+    readonly dataColor: i0.InputSignal<keyof ColorDefinitions | keyof SeverityColorDefinitions | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HostColor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HostColor, never, never, { "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Applies data-color attribute to host-element for severity colors.
+ */
+declare class HostSeverityColors {
+    /**
+     * Changes color for descendant Designsystemet components.
+     * Select from predefined colors and colors defined in theme.
+     * @attribute data-color
+     */
+    readonly dataColor: i0.InputSignal<keyof SeverityColorDefinitions | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HostSeverityColors, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HostSeverityColors, never, never, { "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const logIfDevMode: ({ component, message, }: {
+    component: string;
+    message: string;
+}) => void;
+
+declare const randomId: () => string;
+
+export { HostColor, HostSeverityColors, HostSize, logIfDevMode, randomId };

package/types/ks-digital-designsystem-angular-alert.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+/**
+ * Alerts are used to inform users about important information, warnings, errors, or success.
+ */
+declare class Alert {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "ksd-alert", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostSeverityColors; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Alert };

package/types/ks-digital-designsystem-angular-breadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Breadcrumbs {
+    /**
+     * Sets the screen reader label for the pagination
+     */
+    readonly ariaLabel: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Breadcrumbs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Breadcrumbs, "ksd-breadcrumbs", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Breadcrumbs };

package/types/ks-digital-designsystem-angular-button.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Button {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    readonly variant: _angular_core.InputSignal<"primary" | "secondary" | "tertiary">;
+    /**
+     * Toggle loading state.
+     * Pass an element if you want to display a custom loader.
+     *
+     * @default false
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disables element
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If this is a button with only an icon. When combined with loading, a spinner will be shown instead of the icon.
+  
+     */
+    readonly icon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "button[ksd-button], a[ksd-button]", never, { "variant": { "alias": "data-variant"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Button };

package/types/ks-digital-designsystem-angular-card.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Card {
+    /**
+     * Change the background color of the card
+     * @default 'default'
+     */
+    variant: i0.InputSignal<"tinted" | "default">;
+    private el;
+    private destroyRef;
+    private generatedId;
+    private originalId;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Card, "[ksd-card]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+declare class CardBlock {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardBlock, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardBlock, "[ksd-card-block]", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { Card, CardBlock };

package/types/ks-digital-designsystem-angular-chip.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Chip {
+    /**
+     * Whether the chip is removable or not. If true, a remove icon will be displayed.
+     * If using this, you should add an aria-label as well, e.g "Slett {item}"
+     * @attribute data-removable
+     */
+    dataRemovable: i0.InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Chip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Chip, "label[ksd-chip], button[ksd-chip]", never, { "dataRemovable": { "alias": "data-removable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Chip };

package/types/ks-digital-designsystem-angular-details.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Details {
+    readonly dataVariant: i0.InputSignal<"default" | "tinted">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Details, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Details, "details[ksd-details]", never, { "dataVariant": { "alias": "data-variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+declare class DetailsContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailsContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailsContent, "ksd-details-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class DetailsSummary {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailsSummary, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailsSummary, "ksd-details-summary", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { Details, DetailsContent, DetailsSummary };

package/types/ks-digital-designsystem-angular-error-summary.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class ErrorSummary {
+    protected id: i0.WritableSignal<string>;
+    private heading;
+    private el;
+    constructor();
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorSummary, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorSummary, "[ksd-error-summary]", never, {}, {}, ["heading"], ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }]>;
+}
+
+export { ErrorSummary };

package/types/ks-digital-designsystem-angular-forms.d.ts

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+import * as i1$1 from '@ks-digital/designsystem-angular/validation-message';
+
+/**
+ * Use the Field component to connect inputs and labels
+ */
+declare class Field {
+    /**
+     * Position of toggle inputs (radio, checkbox, switch) in field
+     * @default start
+     */
+    position: i0.InputSignal<"start" | "end">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Field, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Field, "ksd-field", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+declare class FieldDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldDescription, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldDescription, "[ksd-field-description]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class FieldError {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldError, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldError, "[ksd-error]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1$1.ValidationMessage; inputs: {}; outputs: {}; }]>;
+}
+
+declare class Fieldset {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Fieldset, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "fieldset[ksd-fieldset]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class FieldsetDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetDescription, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetDescription, "p[ksd-fieldset-description]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class FieldsetLegend {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetLegend, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetLegend, "legend[ksd-fieldset-legend]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class Input {
+    /**
+     * The value of the input
+     */
+    value: i0.WritableSignal<string | undefined>;
+    /**
+     * Whether the input is readonly
+     */
+    readonly readonly: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disables element
+     */
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the element is invalid.
+     */
+    readonly ariaInvalid: i0.InputSignalWithTransform<boolean, unknown>;
+    onClick(event: Event): void;
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Input, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Input, "input[ksd-input], textarea[ksd-input], select[ksd-input]", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+declare class Label {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Label, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Label, "ksd-label", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Field, FieldDescription, FieldError, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label };

package/types/ks-digital-designsystem-angular-heading.d.ts

@@ -0,0 +1,19 @@
+import * as _angular_core from '@angular/core';
+
+declare class Heading {
+    id: _angular_core.WritableSignal<string | undefined>;
+    /**
+     * Changes text sizing
+     * @default 'md'
+     */
+    readonly dataSize: _angular_core.InputSignal<"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined>;
+    /**
+     * Set the id of the heading
+     * @param id
+     */
+    setId(id: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Heading, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Heading, "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]", never, { "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Heading };

package/types/ks-digital-designsystem-angular-link.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Link {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Link, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Link, "a[ksd-link]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Link };

package/types/ks-digital-designsystem-angular-pagination.d.ts

@@ -0,0 +1,58 @@
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+interface PaginationPage {
+    page: number;
+    current: boolean;
+    key: string;
+}
+interface PaginationPages {
+    pages: PaginationPage[];
+    prev: number;
+    next: number;
+}
+declare class Pagination {
+    /**
+     * The current page
+     */
+    readonly current: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * The total number of pages
+     */
+    readonly total: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * Sets the screen reader label for the pagination
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * How many pages to show. Default is 7
+     */
+    readonly show: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * E.g if "?page=%d" all the links will set href to "?page=1", "?page=2".
+     */
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Emits the page number when a page is clicked
+     */
+    readonly pageClicked: _angular_core.OutputEmitterRef<number>;
+    /**
+     * Exposes pagination data for consumer use
+     */
+    readonly pages: _angular_core.Signal<PaginationPages>;
+    protected onClick(e: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Pagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Pagination, "ksd-pagination", never, { "current": { "alias": "current"; "required": true; "isSignal": true; }; "total": { "alias": "total"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "pageClicked": "pageClicked"; }, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+declare class PaginationButton {
+    private el;
+    private destroyRef;
+    constructor();
+    private updateVariant;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationButton, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PaginationButton, "[ksdPaginationButton]", never, {}, {}, never, never, true, never>;
+}
+
+export { Pagination, PaginationButton };
+export type { PaginationPage, PaginationPages };

package/types/ks-digital-designsystem-angular-paragraph.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class Paragraph {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Paragraph, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Paragraph, "p[ksd-paragraph]", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { Paragraph };

package/types/ks-digital-designsystem-angular-popover.d.ts

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Popover {
+    readonly autoPlacement: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: _angular_core.InputSignal<"tinted" | "default">;
+    readonly placement: _angular_core.InputSignal<"bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start">;
+    readonly popover: _angular_core.InputSignal<"auto" | "manual">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popover, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Popover, "[ksd-popover]", never, { "autoPlacement": { "alias": "autoPlacement"; "required": false; "isSignal": true; }; "variant": { "alias": "data-variant"; "required": false; "isSignal": true; }; "placement": { "alias": "data-placement"; "required": false; "isSignal": true; }; "popover": { "alias": "popover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Popover };

package/types/ks-digital-designsystem-angular-search.d.ts

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+/**
+ * Search Component
+ *
+ * Use to contain the search input and buttons.
+ * Only `SearchInput` is required, while `SearchClear` and `SearchButton` are optional.
+ *
+ * @example
+ * <div ksd-search>
+ *   <input ksd-search-input />
+ *   <button ksd-search-clear></button>
+ *   <button ksd-search-button></button>
+ * </div>
+ */
+declare class Search {
+    private readonly input;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<Search, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Search, "ksd-search", never, {}, {}, ["input"], ["[ksd-search-input]", "[ksd-search-clear]", "[ksd-search-button]"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+/**
+ * Search button
+ *
+ * Used within Search to provide a submit button.
+ *
+ * @param {('primary' | 'secondary')} [variant] - Specify which button variant to use
+ * @param {string} [aria-label] - Aria label for the button
+ *
+ */
+declare class SearchButton {
+    /**
+     * Specify which button variant to use
+     *
+     * @default 'primary'
+     */
+    readonly variant: i0.InputSignal<"primary" | "secondary">;
+    /**
+     * Aria label for the button
+     */
+    readonly ariaLabel: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchButton, "button[ksd-search-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Search clear button
+ *
+ * Used within Search to provide a clear button.
+ *
+ * @param {string} [aria-label] - Aria label for the button.
+ *
+ * @event clearInput - Emitted when the clear button is clicked.
+ * Use this to notify controlled forms that the input should be cleared.
+ *
+ */
+declare class SearchClear {
+    /**
+     * Aria label for the button
+     * @default 'Tøm'
+     */
+    readonly ariaLabel: i0.InputSignal<string>;
+    /**
+     * Output to notify controlled forms that input should be cleared
+     */
+    clearInput: i0.OutputEmitterRef<void>;
+    handleClear(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchClear, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchClear, "button[ksd-search-clear]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, { "clearInput": "clearInput"; }, never, never, true, never>;
+}
+
+/**
+ * Search input
+ *
+ * Used within Search to provide a search input.
+ */
+declare class SearchInput {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchInput, "input[ksd-search-input]", never, {}, {}, never, never, true, never>;
+}
+
+export { Search, SearchButton, SearchClear, SearchInput };

package/types/ks-digital-designsystem-angular-spinner.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Spinner {
+    /**
+     * Aria-label for the spinner
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Aria-hidden for the spinner
+     */
+    readonly ariaHidden: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Changes size for descendant Designsystemet components. Select from predefined sizes.
+     * @attribute data-size
+     */
+    readonly dataSize: _angular_core.InputSignal<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "ksd-spinner", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; "isSignal": true; }; "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+export { Spinner };

package/types/ks-digital-designsystem-angular-suggestion.d.ts

@@ -0,0 +1,97 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+type SuggestionItem = {
+    label: string;
+    value: string;
+};
+type SuggestionFilterArgs = {
+    index: number;
+    label: string;
+    text: string;
+    value: string;
+    optionElement: HTMLOptionElement;
+    input: HTMLInputElement;
+};
+type SuggestionFilter = (args: SuggestionFilterArgs) => boolean;
+
+declare class Suggestion {
+    /**
+     * Allows the user to select multiple items
+     *
+     * @default false
+     */
+    multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Allows the user to create new items
+     *
+     * @default false
+     */
+    creatable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Filter options; boolean or a custom callback.
+     *
+     * @default true
+     */
+    filter: _angular_core.InputSignal<boolean | SuggestionFilter>;
+    /**
+     * Model for the selected item(s).
+     *
+     * @default undefined
+     */
+    selected: _angular_core.ModelSignal<SuggestionItem | SuggestionItem[] | undefined>;
+    protected selectedArray: _angular_core.Signal<SuggestionItem[]>;
+    private readonly suggestionElement;
+    private readonly suggestionList;
+    constructor();
+    protected onSelect(event: Event): void;
+    protected onKeyDown(event: Event): void;
+    protected onInput(event: Event): void;
+    private syncOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Suggestion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Suggestion, "ksd-suggestion", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "creatable": { "alias": "creatable"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["suggestionList"], ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
+}
+
+declare class SuggestionListEmpty {
+    /**
+     * Hack to get the content from parent component so that we can
+     * keep the dom structure needed without additional host elements
+     */
+    templateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuggestionListEmpty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionListEmpty, "ksd-suggestion-list-empty", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class SuggestionListOption {
+    /**
+     * Hack to get the content from parent component so that we can
+     * keep the dom structure needed without additional host elements
+     */
+    templateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    value: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuggestionListOption, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionListOption, "ksd-suggestion-list-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SuggestionList {
+    /**
+     * Screen reader announcement template for singular result count.
+     *
+     * @default '%d forslag'
+     */
+    readonly singular: _angular_core.InputSignal<string>;
+    /**
+     * Screen reader announcement template for plural result count.
+     *
+     * @default '%d forslag'
+     */
+    readonly plural: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.Signal<readonly SuggestionListOption[]>;
+    protected readonly empty: _angular_core.Signal<SuggestionListEmpty | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuggestionList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuggestionList, "ksd-suggestion-list", never, { "singular": { "alias": "singular"; "required": false; "isSignal": true; }; "plural": { "alias": "plural"; "required": false; "isSignal": true; }; }, {}, ["options", "empty"], never, true, never>;
+}
+
+export { Suggestion, SuggestionList, SuggestionListEmpty, SuggestionListOption };
+export type { SuggestionFilter, SuggestionFilterArgs, SuggestionItem };

package/types/ks-digital-designsystem-angular-table.d.ts

@@ -0,0 +1,43 @@
+import * as _angular_core from '@angular/core';
+
+declare class Table {
+    /**
+     * Will give the table a hover effect on rows
+     * @default false
+     */
+    readonly hover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Will give the table a rounded border
+     * @default false
+     */
+    readonly border: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Will make the table header sticky
+     * @default false
+     */
+    readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Will give the table zebra striping
+     * @default false
+     */
+    readonly zebra: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "table[ksd-table]", never, { "hover": { "alias": "data-hover"; "required": false; "isSignal": true; }; "border": { "alias": "data-border"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "data-sticky-header"; "required": false; "isSignal": true; }; "zebra": { "alias": "data-zebra"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TableHeaderCell {
+    /**
+     * If 'none' | 'ascending' | 'descending' will add a button to the header cell and change aria-sort and icon
+     * @default undefined
+     */
+    readonly sort: _angular_core.InputSignal<"none" | "ascending" | "descending" | undefined>;
+    /**
+     * Emitted when the sort button is clicked
+     * @emits void
+     */
+    readonly sortChange: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeaderCell, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHeaderCell, "th[ksd-header-cell]", never, { "sort": { "alias": "aria-sort"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
+}
+
+export { Table, TableHeaderCell };