@ks-digital/designsystem-angular 0.0.1-alpha.74 → 0.0.1-alpha.76

package/fesm2022/ks-digital-designsystem-angular-validation-message.mjs

@@ -1,25 +1,43 @@
-import * as i0 from '@angular/core';
-import { Directive } from '@angular/core';
-
-class ValidationMessage {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ValidationMessage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ValidationMessage, isStandalone: true, selector: "[ksd-validation-message]", host: { attributes: { "data-field": "validation" }, classAttribute: "ds-validation-message" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ValidationMessage, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: '[ksd-validation-message]',
-                    host: {
-                        class: 'ds-validation-message',
-                        'data-field': 'validation',
-                    },
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Directive } from "@angular/core";
+var ValidationMessage = class ValidationMessage {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ValidationMessage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: ValidationMessage,
+		isStandalone: true,
+		selector: "[ksd-validation-message]",
+		host: {
+			attributes: { "data-field": "validation" },
+			classAttribute: "ds-validation-message"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ValidationMessage,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ksd-validation-message]",
+			host: {
+				class: "ds-validation-message",
+				"data-field": "validation"
+			}
+		}]
+	}]
+});
 export { ValidationMessage };
-//# sourceMappingURL=ks-digital-designsystem-angular-validation-message.mjs.map
+
+//# sourceMappingURL=ks-digital-designsystem-angular-validation-message.mjs.map

package/fesm2022/ks-digital-designsystem-angular-validation-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular-validation-message.mjs","sources":["../../../../packages/angular/validation-message/src/validation-message.ts","../../../../packages/angular/validation-message/src/ks-digital-designsystem-angular-validation-message.ts"],"sourcesContent":["import { Directive } from '@angular/core'\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[ksd-validation-message]',\n  host: {\n    class: 'ds-validation-message',\n    'data-field': 'validation',\n  },\n})\nexport class ValidationMessage {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,uBAAuB;AAC9B,wBAAA,YAAY,EAAE,YAAY;AAC3B,qBAAA;AACF,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"ks-digital-designsystem-angular-validation-message.mjs","names":[],"sources":["../../../../packages/angular/validation-message/src/validation-message.ts"],"sourcesContent":["import { Directive } from '@angular/core'\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[ksd-validation-message]',\n  host: {\n    class: 'ds-validation-message',\n    'data-field': 'validation',\n  },\n})\nexport class ValidationMessage {}\n"],"mappings":";;AAUA,IAAa,oBAAb,MAAa,kBAAiB;CAAjB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,YAAA,EAAA,cAAA,aAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;CAAA,CAAA;;AAAjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAR7B,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,MAAM;IACJ,OAAO;IACP,cAAc;GACf;EACF,CAAA"}

package/fesm2022/ks-digital-designsystem-angular.mjs

@@ -1,7 +1,2 @@
-// Needs an export to compile
-var index = void 0;
 
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=ks-digital-designsystem-angular.mjs.map
+//# sourceMappingURL=ks-digital-designsystem-angular.mjs.map

package/fesm2022/ks-digital-designsystem-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular.mjs","sources":["../../../../packages/angular/src/index.ts","../../../../packages/angular/src/ks-digital-designsystem-angular.ts"],"sourcesContent":["// Needs an export to compile\nexport default void 0\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA,YAAe,KAAK,CAAC;;ACDrB;;AAEG"}
+{"version":3,"file":"ks-digital-designsystem-angular.mjs","names":[],"sources":["../../../../packages/angular/src/index.ts"],"sourcesContent":["// Needs an export to compile\nexport default void 0\n"],"mappings":""}

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/angular"
   },
-  "version": "0.0.1-alpha.74",
+  "version": "0.0.1-alpha.76",
   "license": "MIT",
   "private": false,
   "publishConfig": {
@@ -16,9 +16,9 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": ">= 21.0.0 < 22.0.0",
-    "@angular/core": ">= 21.0.0 < 22.0.0",
-    "@angular/forms": ">= 21.0.0 < 22.0.0"
+    "@angular/common": ">= 22.0.0 < 23.0.0",
+    "@angular/core": ">= 22.0.0 < 23.0.0",
+    "@angular/forms": ">= 22.0.0 < 23.0.0"
   },
   "module": "fesm2022/ks-digital-designsystem-angular.mjs",
   "typings": "types/ks-digital-designsystem-angular.d.ts",
@@ -127,5 +127,6 @@
       "default": "./fesm2022/ks-digital-designsystem-angular-validation-message.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

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

@@ -1,50 +1,64 @@
-import * as i0 from '@angular/core';
-export { ColorDefinitions as Color, SeverityColorDefinitions as SeverityColors, Size } from '@ks-digital/designsystem-themes/types';
-
+import * as i0 from "@angular/core";
+import { ColorDefinitions as Color, SeverityColorDefinitions as SeverityColors, Size as Size$1 } 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>;
+export declare class HostSize {
+  /**
+   * Changes size for descendant Designsystemet components. Select from predefined sizes.
+   * @attribute data-size
+   */
+  readonly dataSize: import("@angular/core").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<string | number | symbol | 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>;
+export declare class HostColor {
+  /**
+   * Changes color for descendant Designsystemet components.
+   * Select from predefined colors and colors defined in theme.
+   * @attribute data-color
+   */
+  readonly dataColor: import("@angular/core").InputSignal<string | number | symbol | 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<string | number | symbol | 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>;
+export declare class HostSeverityColors {
+  /**
+   * Changes color for descendant Designsystemet components.
+   * Select from predefined colors and colors defined in theme.
+   * @attribute data-color
+   */
+  readonly dataColor: import("@angular/core").InputSignal<string | number | symbol | 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;
+export declare const logIfDevMode: ({ component, message }: {
+  component: string;
+  message: string;
 }) => void;
-
-declare const randomId: () => string;
-
-export { HostColor, HostSeverityColors, HostSize, logIfDevMode, randomId };
+export declare const randomId: () => string;
+export type { Color, SeverityColors, Size$1 as Size };

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

@@ -1,12 +1,21 @@
-import * as i0 from '@angular/core';
-import * as i1 from '@ks-digital/designsystem-angular/__internals';
-
+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 };
+export 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: {};
+  }]>;
+}

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

@@ -1,13 +1,29 @@
-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 };
+import "@digdir/designsystemet-web/ds-breadcrumbs";
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export declare class Breadcrumbs {
+  /**
+   * Sets the screen reader label for the pagination
+   */
+  readonly ariaLabel: import("@angular/core").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: {};
+  }]>;
+}

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

@@ -1,32 +1,67 @@
-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.
-     * @deprecated Use `data-icon` instead.
-     */
-    readonly icon: _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 dataIcon: _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; }; "dataIcon": { "alias": "data-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 };
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export declare class Button {
+  /**
+   * Specify which variant to use
+   * @default 'primary'
+   */
+  readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "tertiary">;
+  /**
+   * Toggle loading state.
+   * Pass an element if you want to display a custom loader.
+   *
+   * @default false
+   */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Disables element
+   */
+  readonly disabled: import("@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.
+   * @deprecated Use `data-icon` instead.
+   */
+  readonly icon: import("@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 dataIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
+  static ɵcmp: i0.ɵɵ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;
+    };
+    "dataIcon": {
+      "alias": "data-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: {};
+  }]>;
+}

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

@@ -1,24 +1,39 @@
-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: {}; }]>;
+import "@digdir/designsystemet-web/clickdelegatefor";
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export declare class Card {
+  /**
+   * Change the background color of the card
+   * @default 'default'
+   */
+  variant: import("@angular/core").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 };
+export declare class CardBlock {
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardBlock, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CardBlock, "[ksd-card-block]", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -1,15 +1,30 @@
-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 };
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export 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: import("@angular/core").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: {};
+  }]>;
+}

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

@@ -1,20 +1,34 @@
-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: {}; }]>;
+import "@digdir/designsystemet-web/details";
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export declare class Details {
+  readonly dataVariant: import("@angular/core").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>;
+export 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 };
+export declare class DetailsSummary {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DetailsSummary, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<DetailsSummary, "ksd-details-summary", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -1,18 +1,40 @@
-import * as _angular_core from '@angular/core';
-import * as i1 from '@ks-digital/designsystem-angular/__internals';
-
-declare class Dialog {
-    /** Controls where the dialog appears relative to the viewport edge. Useful for drawer/side-panel variants. */
-    readonly placement: _angular_core.InputSignal<"bottom" | "top" | "left" | "right" | undefined>;
-    /**
-     * Controls which interactions close the dialog.
-     * - `any` — closes on backdrop click or Escape key
-     * - `closerequest` — closes on Escape key only
-     * - `none` — the dialog cannot be closed by the user without an explicit close button
-     */
-    readonly closedBy: _angular_core.InputSignal<"any" | "closerequest" | "none" | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Dialog, "dialog[ksd-dialog]", never, { "placement": { "alias": "data-placement"; "required": false; "isSignal": true; }; "closedBy": { "alias": "closedby"; "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 { Dialog };
+import "@digdir/designsystemet-web/dialog";
+import "@digdir/designsystemet-web/invokers";
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export declare class Dialog {
+  /** Controls where the dialog appears relative to the viewport edge. Useful for drawer/side-panel variants. */
+  readonly placement: import("@angular/core").InputSignal<"bottom" | "top" | "left" | "right" | undefined>;
+  /**
+   * Controls which interactions close the dialog.
+   * - `any` — closes on backdrop click or Escape key
+   * - `closerequest` — closes on Escape key only
+   * - `none` — the dialog cannot be closed by the user without an explicit close button
+   */
+  readonly closedBy: import("@angular/core").InputSignal<"any" | "closerequest" | "none" | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Dialog, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<Dialog, "dialog[ksd-dialog]", never, {
+    "placement": {
+      "alias": "data-placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "closedBy": {
+      "alias": "closedby";
+      "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: {};
+  }]>;
+}