@ks-digital/designsystem-angular 0.0.1-alpha.6 → 0.0.1-alpha.61

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

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
+
+class Tag {
+    /**
+     * The visual variant of the tag
+     *
+     * @default 'default'
+     */
+    variant = input('default', { ...(ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {}), alias: 'data-variant' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tag, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Tag, isStandalone: true, selector: "ksd-tag", inputs: { variant: { classPropertyName: "variant", publicName: "data-variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()" }, classAttribute: "ds-tag" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tag, decorators: [{
+            type: Component,
+            args: [{ selector: 'ksd-tag', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: HostSize,
+                            inputs: ['data-size'],
+                        },
+                        {
+                            directive: HostColor,
+                            inputs: ['data-color'],
+                        },
+                    ], host: {
+                        class: 'ds-tag',
+                        '[attr.data-variant]': 'variant()',
+                    }, template: ` <ng-content /> `, styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-variant", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Tag };
+//# sourceMappingURL=ks-digital-designsystem-angular-tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-tag.mjs","sources":["../../../../packages/angular/tag/src/tag.ts","../../../../packages/angular/tag/src/ks-digital-designsystem-angular-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n  selector: 'ksd-tag',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n  host: {\n    class: 'ds-tag',\n    '[attr.data-variant]': 'variant()',\n  },\n  styles: `\n    :host ::ng-deep > * {\n      margin-inline-end: var(--ds-size-1);\n    }\n  `,\n  template: ` <ng-content /> `,\n})\nexport class Tag {\n  /**\n   * The visual variant of the tag\n   *\n   * @default 'default'\n   */\n  readonly variant = input<'default' | 'outline'>('default', {\n    alias: 'data-variant',\n  })\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA8Ba,GAAG,CAAA;AACd;;;;AAIG;IACM,OAAO,GAAG,KAAK,CAAwB,SAAS,+EACvD,KAAK,EAAE,cAAc,EAAA,CACrB;uGARS,GAAG,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAH,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAG,6bAFJ,CAAA,gBAAA,CAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEjB,GAAG,EAAA,UAAA,EAAA,CAAA;kBAxBf,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,eAAA,EACF,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,QAAQ;AACf,wBAAA,qBAAqB,EAAE,WAAW;AACnC,qBAAA,EAAA,QAAA,EAMS,CAAA,gBAAA,CAAkB,EAAA,MAAA,EAAA,CAAA,yDAAA,CAAA,EAAA;;;AC5B9B;;AAEG;;;;"}

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

@@ -0,0 +1,25 @@
+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.
+ */
+
+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","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;;;;"}

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

@@ -0,0 +1,7 @@
+// Needs an export to compile
+var index = void 0;
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# 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","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"}

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,40 +5,122 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/angular"
   },
-  "version": "0.0.1-alpha.6",
+  "version": "0.0.1-alpha.61",
   "license": "MIT",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
-  "type": "module",
-  "files": [
-    "./dist"
-  ],
   "dependencies": {
-    "@digdir/designsystemet-css": "1.0.5"
+    "@digdir/designsystemet-web": "1.15.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": ">= 21.0.0 < 22.0.0",
+    "@angular/core": ">= 21.0.0 < 22.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"
+    },
+    "./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
 }

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/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,50 @@
+import * as i0 from '@angular/core';
+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<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>;
+}
+
+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,32 @@
+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 };

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-dialog.d.ts

@@ -0,0 +1,18 @@
+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 };

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

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Dropdown {
+    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<Dropdown, never>;
+    static ɵdir: _angular_core.ɵɵ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: {}; }]>;
+}
+
+export { Dropdown };

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,81 @@
+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 {
+    /**
+     * Preferred position input for toggle inputs (radio, checkbox, switch) in field.
+     * @default start
+     */
+    dataPosition: i0.InputSignal<"start" | "end" | undefined>;
+    /**
+     * Legacy position input kept for backward compatibility.
+     * @deprecated Use data-position instead.
+     * @default start
+     */
+    position: i0.InputSignal<"start" | "end" | undefined>;
+    /**
+     * Variant forwarded to ds-field.
+     */
+    dataVariant: i0.InputSignal<"outline" | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Field, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Field, "ksd-field", never, { "dataPosition": { "alias": "data-position"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "dataVariant": { "alias": "data-variant"; "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 };