@ks-digital/designsystem-angular 0.0.1-alpha.8 → 0.0.1-alpha.80

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

@@ -0,0 +1,43 @@
+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.2",
+		ngImport: i0,
+		type: ValidationMessage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		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.2",
+	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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ks-digital-designsystem-angular.mjs.map

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

@@ -0,0 +1 @@
+{"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/forms/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/forms
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/forms`.

package/heading/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/heading
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/heading`.

package/link/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/link
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/link`.

package/package.json

@@ -5,42 +5,128 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/angular"
   },
-  "version": "0.0.1-alpha.8",
+  "version": "0.0.1-alpha.80",
   "license": "MIT",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
-  "type": "module",
-  "files": [
-    "./dist"
-  ],
-  "main": "./dist/fesm2022/ks-digital-designsystem-angular.mjs",
-  "types": "./dist/index.d.ts",
   "dependencies": {
-    "@digdir/designsystemet-css": "1.0.5"
+    "@digdir/designsystemet-web": "1.23.0",
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": ">=20.0.0",
-    "@angular/core": ">=20.0.0",
-    "@angular/platform-browser": ">=20.0.0",
-    "@angular/platform-server": ">=20.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"
   },
-  "devDependencies": {
-    "@analogjs/vite-plugin-angular": "~1.17.1",
-    "@analogjs/vitest-angular": "~1.17.1",
-    "@angular-eslint/builder": "^20.0.0",
-    "@angular-eslint/bundled-angular-compiler": "^20.0.0",
-    "@angular-eslint/eslint-plugin": "^20.0.0",
-    "@angular-eslint/eslint-plugin-template": "^20.0.0",
-    "@angular-eslint/schematics": "^20.0.0",
-    "@angular-eslint/template-parser": "^20.0.0",
-    "@testing-library/angular": "^17.4.0",
-    "angular-eslint": "^20.0.0",
-    "jsdom": "~22.1.0",
-    "ng-packagr": "^20.0.1"
+  "module": "fesm2022/ks-digital-designsystem-angular.mjs",
+  "typings": "types/ks-digital-designsystem-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ks-digital-designsystem-angular.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular.mjs"
+    },
+    "./__internals": {
+      "types": "./types/ks-digital-designsystem-angular-__internals.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-__internals.mjs"
+    },
+    "./alert": {
+      "types": "./types/ks-digital-designsystem-angular-alert.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-alert.mjs"
+    },
+    "./breadcrumbs": {
+      "types": "./types/ks-digital-designsystem-angular-breadcrumbs.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs"
+    },
+    "./button": {
+      "types": "./types/ks-digital-designsystem-angular-button.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-button.mjs"
+    },
+    "./card": {
+      "types": "./types/ks-digital-designsystem-angular-card.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-card.mjs"
+    },
+    "./chip": {
+      "types": "./types/ks-digital-designsystem-angular-chip.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-chip.mjs"
+    },
+    "./details": {
+      "types": "./types/ks-digital-designsystem-angular-details.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-details.mjs"
+    },
+    "./dialog": {
+      "types": "./types/ks-digital-designsystem-angular-dialog.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-dialog.mjs"
+    },
+    "./dropdown": {
+      "types": "./types/ks-digital-designsystem-angular-dropdown.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-dropdown.mjs"
+    },
+    "./error-summary": {
+      "types": "./types/ks-digital-designsystem-angular-error-summary.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-error-summary.mjs"
+    },
+    "./forms": {
+      "types": "./types/ks-digital-designsystem-angular-forms.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-forms.mjs"
+    },
+    "./heading": {
+      "types": "./types/ks-digital-designsystem-angular-heading.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-heading.mjs"
+    },
+    "./link": {
+      "types": "./types/ks-digital-designsystem-angular-link.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-link.mjs"
+    },
+    "./pagination": {
+      "types": "./types/ks-digital-designsystem-angular-pagination.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-pagination.mjs"
+    },
+    "./paragraph": {
+      "types": "./types/ks-digital-designsystem-angular-paragraph.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-paragraph.mjs"
+    },
+    "./popover": {
+      "types": "./types/ks-digital-designsystem-angular-popover.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-popover.mjs"
+    },
+    "./search": {
+      "types": "./types/ks-digital-designsystem-angular-search.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-search.mjs"
+    },
+    "./skeleton": {
+      "types": "./types/ks-digital-designsystem-angular-skeleton.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-skeleton.mjs"
+    },
+    "./spinner": {
+      "types": "./types/ks-digital-designsystem-angular-spinner.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-spinner.mjs"
+    },
+    "./suggestion": {
+      "types": "./types/ks-digital-designsystem-angular-suggestion.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-suggestion.mjs"
+    },
+    "./table": {
+      "types": "./types/ks-digital-designsystem-angular-table.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-table.mjs"
+    },
+    "./tabs": {
+      "types": "./types/ks-digital-designsystem-angular-tabs.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-tabs.mjs"
+    },
+    "./tag": {
+      "types": "./types/ks-digital-designsystem-angular-tag.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-tag.mjs"
+    },
+    "./validation-message": {
+      "types": "./types/ks-digital-designsystem-angular-validation-message.d.ts",
+      "default": "./fesm2022/ks-digital-designsystem-angular-validation-message.mjs"
+    }
   },
-  "scripts": {
-    "build": "ng-packagr -p ng-package.json"
-  }
+  "sideEffects": false,
+  "type": "module"
 }

package/pagination/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/pagination
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/pagination`.

package/paragraph/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/paragraph
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/paragraph`.

package/popover/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/popover
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/popover`.

package/search/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/search
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/search`.

package/skeleton/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/skeleton
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/skeleton`.

package/spinner/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/spinner
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/spinner`.

package/suggestion/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/suggestion
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/suggestion`.

package/table/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/table
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/table`.

package/tabs/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/tabs
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/tabs`.

package/tag/README.md

@@ -0,0 +1,3 @@
+# @ks-digital/designsystem-angular/tag
+
+Secondary entry point of `@ks-digital/designsystem-angular`. It can be used by importing from `@ks-digital/designsystem-angular/tag`.

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

@@ -0,0 +1,64 @@
+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.
+ */
+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.
+ */
+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.
+ */
+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>;
+}
+export declare const logIfDevMode: ({ component, message }: {
+  component: string;
+  message: string;
+}) => void;
+export declare const randomId: () => string;
+export type { Color, SeverityColors, Size$1 as Size };

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

@@ -0,0 +1,21 @@
+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.
+ */
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,39 @@
+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: {};
+  }]>;
+}
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,34 @@
+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: {};
+  }]>;
+}
+export declare class DetailsContent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DetailsContent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<DetailsContent, "ksd-details-content", never, {}, {}, never, ["*"], true, never>;
+}
+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

@@ -0,0 +1,40 @@
+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: {};
+  }]>;
+}

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

@@ -0,0 +1,44 @@
+import "@digdir/designsystemet-web/popover";
+import * as i0 from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+export declare class Dropdown {
+  readonly autoPlacement: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly variant: import("@angular/core").InputSignal<"tinted" | "default">;
+  readonly placement: import("@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: import("@angular/core").InputSignal<"auto" | "manual">;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Dropdown, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<Dropdown, "[ksd-dropdown]", 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: {};
+  }]>;
+}