@ks-digital/designsystem-angular 0.0.1-alpha.33 → 0.0.1-alpha.37

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

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular-tabs.mjs","sources":["../../../../packages/angular/tabs/src/tabs-tab.ts","../../../../packages/angular/tabs/src/tabs.ts","../../../../packages/angular/tabs/src/tabs-list.ts","../../../../packages/angular/tabs/src/tabs-panel.ts","../../../../packages/angular/tabs/src/ks-digital-designsystem-angular-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core'\nimport {\n  CommonInputs,\n  randomId,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { Tabs } from './tabs'\n\n@Component({\n  selector: `button[ksd-tabs-tab]`,\n  template: ` <ng-content /> `,\n  host: {\n    role: 'tab',\n    class: 'ds-button',\n    '[id]': 'buttonId()',\n    '[attr.aria-controls]': 'ariaControls()',\n    '[attr.aria-selected]': 'isSelected()',\n    '[attr.tab-index]': 'isFocused() ? 0 : -1',\n    '(click)': 'tabs.changeTab(value())',\n    '(keydown)': 'tabs.onKeyDown($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n  hostDirectives: [\n    {\n      directive: CommonInputs,\n      inputs: ['data-size', 'data-color'],\n    },\n  ],\n})\nexport class TabsTab {\n  /**\n   * Unique value that will be set in the Tabs components state when the tab is activated\n   */\n  readonly value = input.required<string>()\n  readonly id = input<string>()\n  readonly elementRef = inject(ElementRef)\n  readonly ariaControls = signal<string | undefined>(undefined)\n  readonly buttonId = computed(() => this.id() ?? 'tab-' + randomId())\n\n  protected tabs = inject(Tabs)\n  protected isFocused = computed(\n    () => this.tabs.focusedValue() === this.value(),\n  )\n  protected isSelected = computed(() => this.tabs.value() === this.value())\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  model,\n  signal,\n} from '@angular/core'\nimport { CommonInputs } from '@ks-digital/designsystem-angular/__internals'\nimport { TabsTab } from './tabs-tab'\n\n@Component({\n  selector: `ksd-tabs`,\n  template: `\n    <div class=\"ds-tabs\">\n      <ng-content select=\"ksd-tabs-list\" />\n      <ng-content select=\"ksd-tabs-panel\" />\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CommonInputs,\n      inputs: ['data-size', 'data-color'],\n    },\n  ],\n})\nexport class Tabs {\n  readonly defaultValue = input<string>()\n  readonly value = model<string>('')\n  readonly focusedValue = computed(() =>\n    this.tabs()[this.focusedIndex()]?.value(),\n  )\n  readonly tabs = contentChildren(TabsTab, { descendants: true })\n  private focusedIndex = signal<number>(0)\n\n  constructor() {\n    effect(() => {\n      if (!this.value()) {\n        const value = this.defaultValue()\n        if (undefined !== value) {\n          this.changeTab(value)\n        }\n      }\n    })\n  }\n\n  onKeyDown(event: KeyboardEvent) {\n    switch (event.code) {\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        this.focusTab(\n          (this.focusedIndex() + this.tabs().length - 1) % this.tabs().length,\n        )\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'ArrowDown':\n        this.focusTab((this.focusedIndex() + 1) % this.tabs().length)\n        event.preventDefault()\n        break\n      case 'Enter':\n      case 'Space':\n        {\n          const value = this.focusedValue()\n          if (value) {\n            this.changeTab(value)\n          }\n        }\n        event.preventDefault()\n        break\n      case 'Home':\n        this.focusTab(0)\n        event.preventDefault()\n        break\n      case 'End':\n        this.focusTab(this.tabs().length - 1)\n        event.preventDefault()\n        break\n    }\n  }\n\n  public changeTab(value: string) {\n    const index = this.tabs().findIndex((tab) => tab.value() === value)\n    this.value.set(value)\n    this.focusTab(index)\n  }\n\n  private focusTab(index: number) {\n    this.focusedIndex.set(index)\n    this.tabs()[index]?.elementRef.nativeElement.focus()\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: `ksd-tabs-list`,\n  template: `<ng-content select=\"button[ksd-tabs-tab]\" />`,\n  host: {\n    role: 'tablist',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsList {}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core'\nimport { randomId } from '@ks-digital/designsystem-angular/__internals'\nimport { Tabs } from './tabs'\n\n@Component({\n  selector: `ksd-tabs-panel`,\n  template: `<ng-content />`,\n  host: {\n    role: 'tabpanel',\n    '[id]': 'panelId()',\n    '[hidden]': '!isSelected()',\n    '[attr.aria-labelledby]': 'labelledBy()',\n    '[tabIndex]': 'tabIndex()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsPanel implements AfterContentInit {\n  private elementRef = inject(ElementRef)\n  private group = inject(Tabs)\n  private hasTabbableElement = signal(false)\n\n  /**\n   * When this value is selected as the current state, render this TabsPanel component. Must match the value of a Tabs.Tab component.\n   */\n  readonly value = input.required<string>()\n  readonly id = input<string>()\n\n  protected readonly labelledBy = computed(() =>\n    this.group\n      .tabs()\n      .find((tab) => tab.value() === this.value())\n      ?.buttonId(),\n  )\n  protected readonly panelId = computed(\n    () => this.id() ?? 'tabpanel-' + randomId(),\n  )\n  protected isSelected = computed(() => this.group.value() === this.value())\n  protected tabIndex = computed(() => (this.hasTabbableElement() ? -1 : 0))\n\n  constructor() {\n    effect(() => {\n      this.group\n        .tabs()\n        .find((tab) => tab.value() === this.value())\n        ?.ariaControls.set(this.panelId())\n    })\n  }\n\n  ngAfterContentInit(): void {\n    this.hasTabbableElement.set(\n      this.elementRef.nativeElement.querySelector(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      ),\n    )\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ks-digital-designsystem-angular-tabs.mjs","sources":["../../../../packages/angular/tabs/src/tabs-tab.ts","../../../../packages/angular/tabs/src/tabs.ts","../../../../packages/angular/tabs/src/tabs-list.ts","../../../../packages/angular/tabs/src/tabs-panel.ts","../../../../packages/angular/tabs/src/ks-digital-designsystem-angular-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n  randomId,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { Tabs } from './tabs'\n\n@Component({\n  selector: `button[ksd-tabs-tab]`,\n  template: ` <ng-content /> `,\n  host: {\n    role: 'tab',\n    class: 'ds-button',\n    '[id]': 'buttonId()',\n    '[attr.aria-controls]': 'ariaControls()',\n    '[attr.aria-selected]': 'isSelected()',\n    '[attr.tab-index]': 'isFocused() ? 0 : -1',\n    '(click)': 'tabs.changeTab(value())',\n    '(keydown)': 'tabs.onKeyDown($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n})\nexport class TabsTab {\n  /**\n   * Unique value that will be set in the Tabs components state when the tab is activated\n   */\n  readonly value = input.required<string>()\n  readonly id = input<string>()\n  readonly elementRef = inject(ElementRef)\n  readonly ariaControls = signal<string | undefined>(undefined)\n  readonly buttonId = computed(() => this.id() ?? 'tab-' + randomId())\n\n  protected tabs = inject(Tabs)\n  protected isFocused = computed(\n    () => this.tabs.focusedValue() === this.value(),\n  )\n  protected isSelected = computed(() => this.tabs.value() === this.value())\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  model,\n  signal,\n} from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { TabsTab } from './tabs-tab'\n\n@Component({\n  selector: `ksd-tabs`,\n  template: `\n    <div class=\"ds-tabs\">\n      <ng-content select=\"ksd-tabs-list\" />\n      <ng-content select=\"ksd-tabs-panel\" />\n    </div>\n  `,\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})\nexport class Tabs {\n  readonly defaultValue = input<string>()\n  readonly value = model<string>('')\n  readonly focusedValue = computed(() =>\n    this.tabs()[this.focusedIndex()]?.value(),\n  )\n  readonly tabs = contentChildren(TabsTab, { descendants: true })\n  private focusedIndex = signal<number>(0)\n\n  constructor() {\n    effect(() => {\n      if (!this.value()) {\n        const value = this.defaultValue()\n        if (undefined !== value) {\n          this.changeTab(value)\n        }\n      }\n    })\n  }\n\n  onKeyDown(event: KeyboardEvent) {\n    switch (event.code) {\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        this.focusTab(\n          (this.focusedIndex() + this.tabs().length - 1) % this.tabs().length,\n        )\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'ArrowDown':\n        this.focusTab((this.focusedIndex() + 1) % this.tabs().length)\n        event.preventDefault()\n        break\n      case 'Enter':\n      case 'Space':\n        {\n          const value = this.focusedValue()\n          if (value) {\n            this.changeTab(value)\n          }\n        }\n        event.preventDefault()\n        break\n      case 'Home':\n        this.focusTab(0)\n        event.preventDefault()\n        break\n      case 'End':\n        this.focusTab(this.tabs().length - 1)\n        event.preventDefault()\n        break\n    }\n  }\n\n  public changeTab(value: string) {\n    const index = this.tabs().findIndex((tab) => tab.value() === value)\n    this.value.set(value)\n    this.focusTab(index)\n  }\n\n  private focusTab(index: number) {\n    this.focusedIndex.set(index)\n    this.tabs()[index]?.elementRef.nativeElement.focus()\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: `ksd-tabs-list`,\n  template: `<ng-content select=\"button[ksd-tabs-tab]\" />`,\n  host: {\n    role: 'tablist',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsList {}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core'\nimport { randomId } from '@ks-digital/designsystem-angular/__internals'\nimport { Tabs } from './tabs'\n\n@Component({\n  selector: `ksd-tabs-panel`,\n  template: `<ng-content />`,\n  host: {\n    role: 'tabpanel',\n    '[id]': 'panelId()',\n    '[hidden]': '!isSelected()',\n    '[attr.aria-labelledby]': 'labelledBy()',\n    '[tabIndex]': 'tabIndex()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsPanel implements AfterContentInit {\n  private elementRef = inject(ElementRef)\n  private group = inject(Tabs)\n  private hasTabbableElement = signal(false)\n\n  /**\n   * When this value is selected as the current state, render this TabsPanel component. Must match the value of a Tabs.Tab component.\n   */\n  readonly value = input.required<string>()\n  readonly id = input<string>()\n\n  protected readonly labelledBy = computed(() =>\n    this.group\n      .tabs()\n      .find((tab) => tab.value() === this.value())\n      ?.buttonId(),\n  )\n  protected readonly panelId = computed(\n    () => this.id() ?? 'tabpanel-' + randomId(),\n  )\n  protected isSelected = computed(() => this.group.value() === this.value())\n  protected tabIndex = computed(() => (this.hasTabbableElement() ? -1 : 0))\n\n  constructor() {\n    effect(() => {\n      this.group\n        .tabs()\n        .find((tab) => tab.value() === this.value())\n        ?.ariaControls.set(this.panelId())\n    })\n  }\n\n  ngAfterContentInit(): void {\n    this.hasTabbableElement.set(\n      this.elementRef.nativeElement.querySelector(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      ),\n    )\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Directive } from '@angular/core';
 
 class ValidationMessage {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ValidationMessage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: ValidationMessage, isStandalone: true, selector: "[ksd-validation-message]", host: { attributes: { "data-field": "validation" }, classAttribute: "ds-validation-message" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationMessage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", 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: "20.3.9", ngImport: i0, type: ValidationMessage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationMessage, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

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,7 +5,7 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/angular"
   },
-  "version": "0.0.1-alpha.33",
+  "version": "0.0.1-alpha.37",
   "license": "MIT",
   "private": false,
   "publishConfig": {
@@ -17,69 +17,77 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": ">= 20.0.0 < 21.0.0",
-    "@angular/core": ">= 20.0.0 < 21.0.0"
+    "@angular/common": ">= 21.0.0",
+    "@angular/core": ">= 21.0.0"
   },
   "module": "fesm2022/ks-digital-designsystem-angular.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/ks-digital-designsystem-angular.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular.mjs"
     },
     "./__internals": {
-      "types": "./__internals/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-__internals.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-__internals.mjs"
     },
     "./alert": {
-      "types": "./alert/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-alert.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-alert.mjs"
     },
     "./button": {
-      "types": "./button/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-button.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-button.mjs"
     },
     "./card": {
-      "types": "./card/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-card.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-card.mjs"
     },
     "./chip": {
-      "types": "./chip/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-chip.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-chip.mjs"
     },
     "./details": {
-      "types": "./details/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-details.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-details.mjs"
     },
     "./forms": {
-      "types": "./forms/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-forms.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-forms.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": "./paragraph/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-paragraph.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-paragraph.mjs"
     },
     "./popover": {
-      "types": "./popover/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-popover.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-popover.mjs"
     },
     "./search": {
-      "types": "./search/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-search.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-search.mjs"
     },
     "./spinner": {
-      "types": "./spinner/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-spinner.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-spinner.mjs"
     },
     "./tabs": {
-      "types": "./tabs/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-tabs.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-tabs.mjs"
     },
     "./validation-message": {
-      "types": "./validation-message/index.d.ts",
+      "types": "./types/ks-digital-designsystem-angular-validation-message.d.ts",
       "default": "./fesm2022/ks-digital-designsystem-angular-validation-message.mjs"
     }
   },

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/types/ks-digital-designsystem-angular-__internals.d.ts

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { ColorDefinitions, SeverityColorDefinitions } from '@ks-digital/designsystem-themes/types';
+export { ColorDefinitions as Color, SeverityColorDefinitions as SeverityColors, SizeDefinition as Size } from '@ks-digital/designsystem-themes/types';
+
+/**
+ * @deprecated Use individual directives instead
+ */
+declare class CommonInputs {
+    /**
+     * Changes size for descendant Designsystemet components. Select from predefined sizes.
+     * @attribute data-size
+     */
+    readonly dataSize: i0.InputSignal<string | number | symbol | undefined>;
+    /**
+     * Changes color for descendant Designsystemet components.
+     * Select from predefined colors and colors defined in theme.
+     * @attribute data-color
+     */
+    readonly dataColor: i0.InputSignal<keyof ColorDefinitions | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommonInputs, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CommonInputs, never, never, { "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * 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<string | number | symbol | undefined>;
+    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 { CommonInputs, HostColor, HostSeverityColors, HostSize, logIfDevMode, randomId };

package/{alert/index.d.ts → types/ks-digital-designsystem-angular-alert.d.ts}

@@ -5,12 +5,8 @@ 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 {
-    /**
-     * The color variant of the alert.
-     */
-    dataColor: i0.InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "ksd-alert", never, { "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; }; outputs: {}; }]>;
+    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/{button/index.d.ts → types/ks-digital-designsystem-angular-button.d.ts}

@@ -23,7 +23,7 @@ declare class Button {
      */
     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": "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.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    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/{card/index.d.ts → types/ks-digital-designsystem-angular-card.d.ts}

@@ -11,7 +11,7 @@ declare class Card {
     private projectedLink;
     protected handleClick: (event: MouseEvent) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "[ksd-card]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "[ksd-card]", never, { "variant": { "alias": "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 CardBlock {

package/{chip/index.d.ts → types/ks-digital-designsystem-angular-chip.d.ts}

@@ -9,7 +9,7 @@ declare class Chip {
      */
     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.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    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,25 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Details {
+    readonly variant: i0.InputSignal<"tinted" | "default">;
+    readonly defaultOpen: i0.InputSignal<boolean>;
+    readonly open: i0.InputSignal<boolean | undefined>;
+    readonly toggled: i0.OutputEmitterRef<Event>;
+    private detailsRef;
+    onToggle(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Details, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Details, "ksd-details", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, ["ksd-details-summary", "ksd-details-content"], 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/{forms/index.d.ts → types/ks-digital-designsystem-angular-forms.d.ts}

@@ -20,7 +20,7 @@ declare class Field {
     protected readonly hasCounter: i0.Signal<any>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<Field, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Field, "ksd-field", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, ["input", "projectedErrors"], ["*"], true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Field, "ksd-field", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, ["input", "projectedErrors"], ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
 }
 
 declare class FieldDescription {
@@ -69,7 +69,7 @@ declare class Input {
     /**
      * The value of the input
      */
-    value: i0.WritableSignal<string>;
+    value: i0.WritableSignal<string | undefined>;
     /**
      * Whether the input is readonly
      */
@@ -88,13 +88,14 @@ declare class Input {
     counter: i0.InputSignalWithTransform<number, unknown>;
     protected fieldState: FieldState | null;
     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; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    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; }; "counter": { "alias": "counter"; "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.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    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, FieldState, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label };

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

package/{popover/index.d.ts → types/ks-digital-designsystem-angular-popover.d.ts}

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Placement } from '@floating-ui/dom';
-import { Size } from '@ks-digital/designsystem-angular/__internals';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
 
 declare class Popover {
     readonly popoverId: _angular_core.InputSignal<string>;
@@ -12,14 +12,12 @@ declare class Popover {
     protected readonly internalOpen: _angular_core.WritableSignal<boolean>;
     protected readonly controlledOpen: _angular_core.Signal<boolean>;
     readonly variant: _angular_core.InputSignal<"tinted" | "default">;
-    readonly dataSize: _angular_core.InputSignal<Size>;
-    readonly dataColor: _angular_core.InputSignal<string>;
     private popoverRef;
     controlledComponent: _angular_core.EffectRef;
     positionPopover: _angular_core.EffectRef;
     arrowPseudoElement: any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popover, "ksd-popover", never, { "popoverId": { "alias": "popoverId"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; }, { "triggeredClose": "triggeredClose"; "triggeredOpen": "triggeredOpen"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popover, "ksd-popover", never, { "popoverId": { "alias": "popoverId"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "triggeredClose": "triggeredClose"; "triggeredOpen": "triggeredOpen"; }, 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/{search/index.d.ts → types/ks-digital-designsystem-angular-search.d.ts}

@@ -18,7 +18,7 @@ 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.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    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: {}; }]>;
 }
 
 /**

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

@@ -0,0 +1,25 @@
+import * as _angular_core from '@angular/core';
+import { SizeDefinition } from '@ks-digital/designsystem-themes/types';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+type SpinnerSize = keyof SizeDefinition | 'xs' | 'xl' | '2xs';
+
+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<SpinnerSize | undefined>;
+    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/{tabs/index.d.ts → types/ks-digital-designsystem-angular-tabs.d.ts}

@@ -15,7 +15,7 @@ declare class TabsTab {
     protected isFocused: _angular_core.Signal<boolean>;
     protected isSelected: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsTab, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTab, "button[ksd-tabs-tab]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTab, "button[ksd-tabs-tab]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "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 Tabs {
@@ -29,7 +29,7 @@ declare class Tabs {
     changeTab(value: string): void;
     private focusTab;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "ksd-tabs", never, { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["tabs"], ["ksd-tabs-list", "ksd-tabs-panel"], true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "ksd-tabs", never, { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["tabs"], ["ksd-tabs-list", "ksd-tabs-panel"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
 }
 
 declare class TabsList {

package/__internals/index.d.ts

@@ -1,28 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { Size } from '@digdir/designsystemet/types';
-export { Color, SeverityColors, Size } from '@digdir/designsystemet/types';
-
-declare class CommonInputs {
-    /**
-     * Changes size for descendant Designsystemet components. Select from predefined sizes.
-     * @attribute data-size
-     */
-    dataSize: _angular_core.InputSignal<Size | undefined>;
-    /**
-     * Changes color for descendant Designsystemet components.
-     * Select from predefined colors and colors defined using theme.designsystemet.no.
-     * @attribute data-color
-     */
-    dataColor: _angular_core.InputSignal<string | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommonInputs, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CommonInputs, never, never, { "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; "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 { CommonInputs, logIfDevMode, randomId };

package/details/index.d.ts

@@ -1,26 +0,0 @@
-import * as _angular_core from '@angular/core';
-
-declare class Details {
-    readonly dataSize: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
-    readonly dataColor: _angular_core.InputSignal<string | undefined>;
-    readonly variant: _angular_core.InputSignal<"tinted" | "default">;
-    readonly defaultOpen: _angular_core.InputSignal<boolean>;
-    readonly open: _angular_core.InputSignal<boolean | undefined>;
-    readonly toggled: _angular_core.OutputEmitterRef<Event>;
-    private detailsRef;
-    onToggle(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Details, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Details, "ksd-details", never, { "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, ["ksd-details-summary", "ksd-details-content"], true, never>;
-}
-
-declare class DetailsContent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DetailsContent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DetailsContent, "ksd-details-content", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class DetailsSummary {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DetailsSummary, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DetailsSummary, "ksd-details-summary", never, {}, {}, never, ["*"], true, never>;
-}
-
-export { Details, DetailsContent, DetailsSummary };

package/spinner/index.d.ts

@@ -1,25 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { Size } from '@ks-digital/designsystem-angular/__internals';
-
-declare class Spinner {
-    /**
-     * Aria-label for the spinner
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Aria-label for the spinner
-     */
-    readonly dataSize: _angular_core.InputSignal<Size | undefined>;
-    /**
-     * Aria-label for the spinner
-     */
-    readonly dataColor: _angular_core.InputSignal<Size | undefined>;
-    /**
-     * Aria-hidden for the spinner
-     */
-    readonly ariaHidden: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "ksd-spinner", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { Spinner };