@ks-digital/designsystem-angular 0.0.1-alpha.7 → 0.0.1-alpha.70

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

@@ -0,0 +1,15 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class Tag {
+    /**
+     * The visual variant of the tag
+     *
+     * @default 'default'
+     */
+    readonly variant: i0.InputSignal<"default" | "outline">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "ksd-tag", never, { "variant": { "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: {}; }]>;
+}
+
+export { Tag };

package/types/ks-digital-designsystem-angular-validation-message.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class ValidationMessage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationMessage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValidationMessage, "[ksd-validation-message]", never, {}, {}, never, never, true, never>;
+}
+
+export { ValidationMessage };

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

@@ -0,0 +1,2 @@
+
+export { };

package/validation-message/README.md

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

package/dist/README.md

@@ -1,43 +0,0 @@
-# 🚧 KS Digital Designsystem for Angular
-
-> This is an experimental POC as for now
-
-This library provides Angular components for KS Digital, designed to align closely with the components from [Designsystemet.no](https://www.designsystemet.no/komponenter).
-
-## Installation (WIP)
-
-Install the required packages using your preferred package manager:
-
-```bash
-pnpm add @ks-digital/designsystem-angular @ks-digital/designsystem-themes
-```
-
-## Setup
-
-### 1. Include the Inter Font
-
-Add the Inter font to your `index.html`. This API supports the same parameters as the Google Fonts API, allowing you to customize the font weights as needed:
-
-```html
-<link
-  href="https://static.fiks.ks.no/googlefonts/googleapis/css2?family=Inter&display=swap"
-  rel="stylesheet"
-/>
-```
-
-### 2. Import Base Styles and Themes
-
-Import the base styles and the theme you want to use in your application:
-
-```javascript
-import '@ks-digital/designsystem-themes/base.css'
-import '@ks-digital/designsystem-themes/ledsagerbevis.css'
-```
-
-### 3. Use Components
-
-To be written.
-
-## Example
-
-A complete example setup is available in the `angular-demo` located under the `apps` folder.

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

@@ -1,195 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, Directive, model, Component, contentChild, signal, afterNextRender, isDevMode } from '@angular/core';
-
-/* eslint-disable @angular-eslint/no-input-rename */
-/**
- * We use input aliasing to bridge the gap between Angular's camelCase property naming convention and our HTML data attributes.
- * This approach allows us to use valid HTML data attributes as documented by Designsystemet while maintaining
- * proper TypeScript intellisense support.
- */
-class CommonInputs {
-    /**
-     * Changes size for descendant Designsystemet components. Select from predefined sizes.
-     * @attribute data-size
-     */
-    dataSize = input(undefined, { alias: 'data-size' });
-    /**
-     * Changes color for descendant Designsystemet components.
-     * Select from predefined colors and colors defined using theme.designsystemet.no.
-     * @attribute data-color
-     */
-    dataColor = input(undefined, { alias: 'data-color' });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CommonInputs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.3", type: CommonInputs, isStandalone: true, inputs: { dataSize: { classPropertyName: "dataSize", publicName: "data-size", isSignal: true, isRequired: false, transformFunction: null }, dataColor: { classPropertyName: "dataColor", publicName: "data-color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CommonInputs, decorators: [{
-            type: Directive
-        }] });
-
-class Checkbox {
-    id = model();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Checkbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: Checkbox, isStandalone: true, selector: "input[ksd-checkbox]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange" }, host: { attributes: { "type": "checkbox" }, properties: { "attr.id": "id()" }, classAttribute: "ds-input" }, hostDirectives: [{ directive: CommonInputs, inputs: ["data-size", "data-size", "data-color", "data-color"] }], ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Checkbox, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'input[ksd-checkbox]',
-                    hostDirectives: [{
-                            directive: CommonInputs,
-                            inputs: ['data-size', 'data-color']
-                        }],
-                    host: {
-                        type: 'checkbox',
-                        class: 'ds-input',
-                        '[attr.id]': 'id()',
-                    },
-                    template: ``,
-                }]
-        }] });
-
-const randomId = () => {
-    return Math.random().toString(36).slice(2, 7);
-};
-
-class Label {
-    for = model();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Label, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: Label, isStandalone: true, selector: "ksd-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { for: "forChange" }, hostDirectives: [{ directive: CommonInputs, inputs: ["data-size", "data-size", "data-color", "data-color"] }], ngImport: i0, template: `<label class="ds-label" [for]="for()"><ng-content /></label>`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Label, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ksd-label',
-                    hostDirectives: [{
-                            directive: CommonInputs,
-                            inputs: ['data-size', 'data-color']
-                        }],
-                    template: `<label class="ds-label" [for]="for()"><ng-content /></label>`,
-                }]
-        }] });
-
-/**
- * Use the Field component to connect inputs and labels
- */
-class Field {
-    /**
-     * Position of toggle inputs (radio, checkbox, switch) in field
-     * @default start
-     */
-    position = input('start');
-    input = contentChild(Checkbox);
-    label = contentChild(Label);
-    id = signal(randomId());
-    constructor() {
-        afterNextRender(() => {
-            if (isDevMode() && (!this.label() || !this.input())) {
-                console.error('[Field] Missing required elements: ksd-label and ksd-input must be provided as children');
-            }
-            this.input()?.id.set(this.id());
-            this.label()?.for.set(this.id());
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Field, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.3", type: Field, isStandalone: true, selector: "ksd-field", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.dataPosition": "position()" }, classAttribute: "ds-field" }, queries: [{ propertyName: "input", first: true, predicate: Checkbox, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: Label, descendants: true, isSignal: true }], hostDirectives: [{ directive: CommonInputs, inputs: ["data-size", "data-size", "data-color", "data-color"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Field, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ksd-field',
-                    hostDirectives: [
-                        {
-                            directive: CommonInputs,
-                            inputs: ['data-size', 'data-color'],
-                        },
-                    ],
-                    host: {
-                        class: 'ds-field',
-                        '[attr.dataPosition]': 'position()',
-                    },
-                    template: ` <ng-content /> `,
-                }]
-        }], ctorParameters: () => [] });
-
-class Fieldset {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Fieldset, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: Fieldset, isStandalone: true, selector: "fieldset[ksd-fieldset]", host: { attributes: { "role": "fieldset" }, classAttribute: "ds-fieldset" }, ngImport: i0, template: ` <ng-content /> `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Fieldset, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fieldset[ksd-fieldset]',
-                    host: {
-                        role: 'fieldset',
-                        class: 'ds-fieldset',
-                    },
-                    template: ` <ng-content /> `,
-                }]
-        }] });
-
-class FieldsetDescription {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: FieldsetDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: FieldsetDescription, isStandalone: true, selector: "p[ksd-fieldset-description]", ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: FieldsetDescription, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p[ksd-fieldset-description]',
-                    template: `<ng-content />`,
-                    host: {}
-                }]
-        }] });
-
-class FieldsetLegend {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: FieldsetLegend, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: FieldsetLegend, isStandalone: true, selector: "legend[ksd-fieldset-legend]", host: { attributes: { "role": "legend" }, classAttribute: "ds-label" }, ngImport: i0, template: ` <ng-content /> `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: FieldsetLegend, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'legend[ksd-fieldset-legend]',
-                    host: {
-                        role: 'legend',
-                        class: 'ds-label',
-                    },
-                    template: ` <ng-content /> `,
-                }]
-        }] });
-
-class Paragraph {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Paragraph, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: Paragraph, isStandalone: true, selector: "ksd-paragraph", host: { classAttribute: "ds-paragraph" }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: Paragraph, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ksd-paragraph',
-                    template: `<ng-content />`,
-                    host: {
-                        class: 'ds-paragraph',
-                    },
-                }]
-        }] });
-
-class ValidationMessage {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: ValidationMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: ValidationMessage, isStandalone: true, selector: "p[ksd-validation-message]", host: { attributes: { "data-field": "validation" }, classAttribute: "ds-validation-message" }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: ValidationMessage, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p[ksd-validation-message]',
-                    template: `<ng-content />`,
-                    host: {
-                        class: 'ds-validation-message',
-                        'data-field': 'validation',
-                    },
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Checkbox, CommonInputs, Field, Fieldset, FieldsetDescription, FieldsetLegend, Label, Paragraph, ValidationMessage };
-//# sourceMappingURL=ks-digital-designsystem-angular.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ks-digital-designsystem-angular.mjs","sources":["../../src/components/common-inputs.ts","../../src/components/checkbox/checkbox.ts","../../src/utils/random-id.ts","../../src/components/label/label.ts","../../src/components/field/field.ts","../../src/components/fieldset/fieldset.ts","../../src/components/fieldset/fieldset-description.ts","../../src/components/fieldset/fieldset-legend.ts","../../src/components/paragraph/paragraph.ts","../../src/components/validation-message/validation-message.ts","../../src/ks-digital-designsystem-angular.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-input-rename */\n\n/**\n * We use input aliasing to bridge the gap between Angular's camelCase property naming convention and our HTML data attributes.\n * This approach allows us to use valid HTML data attributes as documented by Designsystemet while maintaining\n * proper TypeScript intellisense support.\n */\n\nimport { Directive, input } from '@angular/core'\nimport { Color } from './colors'\n\nexport type Size = 'sm' | 'md' | 'lg' | 'xl'\n\n@Directive()\nexport class CommonInputs {\n    /**\n     * Changes size for descendant Designsystemet components. Select from predefined sizes.\n     * @attribute data-size\n     */\n    dataSize = input<Size>(undefined, { alias: 'data-size' })\n\n    /**\n     * Changes color for descendant Designsystemet components.\n     * Select from predefined colors and colors defined using theme.designsystemet.no.\n     * @attribute data-color\n     */\n    dataColor = input<Color>(undefined, { alias: 'data-color' })\n}\n","import { Component, model } from '@angular/core'\nimport { CommonInputs } from '../common-inputs'\n\n@Component({\n  selector: 'input[ksd-checkbox]',\n  hostDirectives: [{\n    directive: CommonInputs,\n    inputs: ['data-size', 'data-color']\n  }],\n  host: {\n    type: 'checkbox',\n    class: 'ds-input',\n    '[attr.id]': 'id()',\n  },\n  template: ``,\n})\nexport class Checkbox {\n  id = model<string>()\n}\n","export const randomId = () => {\n    return Math.random().toString(36).slice(2, 7)\n}\n","import { Component, model } from '@angular/core'\nimport { CommonInputs } from '../common-inputs'\n\n@Component({\n  selector: 'ksd-label',\n  hostDirectives: [{\n    directive: CommonInputs,\n    inputs: ['data-size', 'data-color']\n  }],\n  template: `<label class=\"ds-label\" [for]=\"for()\"><ng-content /></label>`,\n})\nexport class Label {\n  for = model<string>()\n}\n","import {\n    afterNextRender,\n    Component,\n    contentChild,\n    input,\n    isDevMode,\n    signal,\n} from '@angular/core'\nimport { randomId } from '../../utils/random-id'\nimport { Checkbox } from '../checkbox/checkbox'\nimport { CommonInputs } from '../common-inputs'\nimport { Label } from '../label/label'\n\n/**\n * Use the Field component to connect inputs and labels\n */\n@Component({\n    selector: 'ksd-field',\n    hostDirectives: [\n        {\n            directive: CommonInputs,\n            inputs: ['data-size', 'data-color'],\n        },\n    ],\n    host: {\n        class: 'ds-field',\n        '[attr.dataPosition]': 'position()',\n    },\n    template: ` <ng-content /> `,\n})\nexport class Field {\n    /**\n     * Position of toggle inputs (radio, checkbox, switch) in field\n     * @default start\n     */\n    position = input<'start' | 'end'>('start')\n\n    private input = contentChild(Checkbox)\n    private label = contentChild(Label)\n    private readonly id = signal(randomId())\n\n    constructor() {\n        afterNextRender(() => {\n            if (isDevMode() && (!this.label() || !this.input())) {\n                console.error(\n                    '[Field] Missing required elements: ksd-label and ksd-input must be provided as children',\n                )\n            }\n\n            this.input()?.id.set(this.id())\n            this.label()?.for.set(this.id())\n        })\n    }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'fieldset[ksd-fieldset]',\n  host: {\n    role: 'fieldset',\n    class: 'ds-fieldset',\n  },\n  template: ` <ng-content /> `,\n})\nexport class Fieldset { }\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'p[ksd-fieldset-description]',\n  template: `<ng-content />`,\n  host: {}\n})\nexport class FieldsetDescription {\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'legend[ksd-fieldset-legend]',\n  host: {\n    role: 'legend',\n    class: 'ds-label',\n  },\n  template: ` <ng-content /> `,\n})\nexport class FieldsetLegend { }\n","import { Component } from '@angular/core'\n\n@Component({\n  selector: 'ksd-paragraph',\n  template: `<ng-content />`,\n  host: {\n    class: 'ds-paragraph',\n  },\n})\nexport class Paragraph {}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'p[ksd-validation-message]',\n  template: `<ng-content />`,\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":"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"}

package/dist/index.d.ts

@@ -1,75 +0,0 @@
-import * as i0 from '@angular/core';
-
-type Size = 'sm' | 'md' | 'lg' | 'xl';
-declare class CommonInputs {
-    /**
-     * Changes size for descendant Designsystemet components. Select from predefined sizes.
-     * @attribute data-size
-     */
-    dataSize: i0.InputSignal<Size>;
-    /**
-     * Changes color for descendant Designsystemet components.
-     * Select from predefined colors and colors defined using theme.designsystemet.no.
-     * @attribute data-color
-     */
-    dataColor: i0.InputSignal<string>;
-    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>;
-}
-
-declare class Checkbox {
-    id: i0.ModelSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Checkbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Checkbox, "input[ksd-checkbox]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "id": "idChange"; }, never, never, true, [{ directive: typeof CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
-}
-
-/**
- * Use the Field component to connect inputs and labels
- */
-declare class Field {
-    /**
-     * Position of toggle inputs (radio, checkbox, switch) in field
-     * @default start
-     */
-    position: i0.InputSignal<"start" | "end">;
-    private input;
-    private label;
-    private readonly id;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<Field, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Field, "ksd-field", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, ["input", "label"], ["*"], true, [{ directive: typeof CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; 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 Label {
-    for: i0.ModelSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Label, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Label, "ksd-label", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; }, { "for": "forChange"; }, never, ["*"], true, [{ directive: typeof CommonInputs; inputs: { "data-size": "data-size"; "data-color": "data-color"; }; outputs: {}; }]>;
-}
-
-declare class Paragraph {
-    static ɵfac: i0.ɵɵFactoryDeclaration<Paragraph, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Paragraph, "ksd-paragraph", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class ValidationMessage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationMessage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationMessage, "p[ksd-validation-message]", never, {}, {}, never, ["*"], true, never>;
-}
-
-export { Checkbox, CommonInputs, Field, Fieldset, FieldsetDescription, FieldsetLegend, Label, Paragraph, ValidationMessage };
-export type { Size };