@ks-digital/designsystem-angular 0.0.1-alpha.5 → 0.0.1-alpha.51

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

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i1 from '@ks-digital/designsystem-angular/__internals';
+
+declare class TabsTab {
+    /**
+     * Emits the tab index when this tab is clicked.
+     */
+    readonly tabClicked: i0.OutputEmitterRef<number>;
+    /**
+     * Hack to get the content of the tab from outside so that we can
+     * keep the dom structure needed without additional host elements
+     */
+    templateRef: i0.Signal<TemplateRef<unknown> | undefined>;
+    emitTabClicked(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsTab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsTab, "ksd-tabs-tab", never, {}, { "tabClicked": "tabClicked"; }, 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 {
+    readonly tabs: i0.Signal<readonly TabsTab[]>;
+    protected onTabClick(index: number, tab: TabsTab): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "ksd-tabs", never, {}, {}, ["tabs"], ["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 {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsList, "ksd-tabs-list", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TabsPanel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsPanel, "ksd-tabs-panel", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { Tabs, TabsList, TabsPanel, TabsTab };

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/components/checkbox/checkbox.d.ts

@@ -1,4 +0,0 @@
-export declare class Checkbox {
-    id: import('@angular/core').ModelSignal<string | undefined>;
-}
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAGA,qBAaa,QAAQ;IACnB,EAAE,0DAAkB;CACrB"}

package/dist/components/checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export { Checkbox } from './checkbox';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/colors.d.ts

@@ -1,27 +0,0 @@
-/**
-Lifted from https://github.com/digdir/designsystemet/blob/main/packages/react/src/colors.ts
-**/
-declare const emptyObjectSymbol: unique symbol;
-type EmptyObject = {
-    [emptyObjectSymbol]?: never;
-};
-/**
- * Base interface for available colors in the design system.
- * The CLI will generate augmentations of this interface to allow
- * type safety of custom color names.
- */
-export interface MainAndSupportColors {
-}
-/**
- * If {@link MainAndSupportColors} has been extended to include color names, return T,
- * otherwise return the arbitrary string type.
- */
-type ColorWithFallback<T> = MainAndSupportColors extends EmptyObject ? string : T;
-export type SeverityInfo = 'info';
-export type SeveritySuccess = 'success';
-export type SeverityWarning = 'warning';
-export type SeverityDanger = 'danger';
-export type SeverityColors = SeverityInfo | SeveritySuccess | SeverityWarning | SeverityDanger;
-export type Color = ColorWithFallback<'neutral' | keyof MainAndSupportColors>;
-export {};
-//# sourceMappingURL=colors.d.ts.map

package/dist/components/colors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/components/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,CAAC,MAAM,iBAAiB,EAAE,OAAO,MAAM,CAAA;AAC9C,KAAK,WAAW,GAAG;IAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAElD;;;;GAIG;AAGH,MAAM,WAAW,oBAAoB;CAAI;AAEzC;;;GAGG;AACH,KAAK,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,SAAS,WAAW,GAChE,MAAM,GACN,CAAC,CAAA;AAEL,MAAM,MAAM,YAAY,GAAG,MAAM,CAAA;AACjC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAA;AACvC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAA;AACvC,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAA;AACrC,MAAM,MAAM,cAAc,GACtB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,cAAc,CAAA;AAElB,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,GAAG,MAAM,oBAAoB,CAAC,CAAA"}

package/dist/components/common-inputs.d.ts

@@ -1,15 +0,0 @@
-export type Size = 'sm' | 'md' | 'lg' | 'xl';
-export declare class CommonInputs {
-    /**
-     * Changes size for descendant Designsystemet components. Select from predefined sizes.
-     * @attribute data-size
-     */
-    dataSize: import('@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: import('@angular/core').InputSignal<string | undefined>;
-}
-//# sourceMappingURL=common-inputs.d.ts.map

package/dist/components/common-inputs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common-inputs.d.ts","sourceRoot":"","sources":["../../src/components/common-inputs.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5C,qBACa,YAAY;IACrB;;;OAGG;IACH,QAAQ,wDAAiD;IAEzD;;;;OAIG;IACH,SAAS,0DAAmD;CAC/D"}

package/dist/components/field/field.d.ts

@@ -1,15 +0,0 @@
-/**
- * Use the Field component to connect inputs and labels
- */
-export declare class Field {
-    /**
-     * Position of toggle inputs (radio, checkbox, switch) in field
-     * @default start
-     */
-    position: import('@angular/core').InputSignal<"start" | "end">;
-    private input;
-    private label;
-    private readonly id;
-    constructor();
-}
-//# sourceMappingURL=field.d.ts.map

package/dist/components/field/field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,qBAca,KAAK;IACd;;;OAGG;IACH,QAAQ,uDAAkC;IAE1C,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAqB;;CAc3C"}

package/dist/components/field/index.d.ts

@@ -1,2 +0,0 @@
-export { Field } from './field';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/field/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/fieldset/fieldset-description.d.ts

@@ -1,3 +0,0 @@
-export declare class FieldsetDescription {
-}
-//# sourceMappingURL=fieldset-description.d.ts.map

package/dist/components/fieldset/fieldset-description.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldset-description.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/fieldset-description.ts"],"names":[],"mappings":"AAEA,qBAKa,mBAAmB;CAC/B"}

package/dist/components/fieldset/fieldset-legend.d.ts

@@ -1,3 +0,0 @@
-export declare class FieldsetLegend {
-}
-//# sourceMappingURL=fieldset-legend.d.ts.map

package/dist/components/fieldset/fieldset-legend.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldset-legend.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/fieldset-legend.ts"],"names":[],"mappings":"AAEA,qBAQa,cAAc;CAAI"}

package/dist/components/fieldset/fieldset.d.ts

@@ -1,3 +0,0 @@
-export declare class Fieldset {
-}
-//# sourceMappingURL=fieldset.d.ts.map

package/dist/components/fieldset/fieldset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/fieldset.ts"],"names":[],"mappings":"AAEA,qBAQa,QAAQ;CAAI"}

package/dist/components/fieldset/index.d.ts

@@ -1,4 +0,0 @@
-export { Fieldset } from './fieldset';
-export { FieldsetDescription } from './fieldset-description';
-export { FieldsetLegend } from './fieldset-legend';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/fieldset/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/label/index.d.ts

@@ -1,2 +0,0 @@
-export { Label } from './label';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/label/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/label/label.d.ts

@@ -1,4 +0,0 @@
-export declare class Label {
-    for: import('@angular/core').ModelSignal<string | undefined>;
-}
-//# sourceMappingURL=label.d.ts.map

package/dist/components/label/label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.ts"],"names":[],"mappings":"AAGA,qBAQa,KAAK;IAChB,GAAG,0DAAkB;CACtB"}

package/dist/components/paragraph/index.d.ts

@@ -1,2 +0,0 @@
-export { Paragraph } from './paragraph';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/paragraph/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/paragraph/paragraph.d.ts

@@ -1,3 +0,0 @@
-export declare class Paragraph {
-}
-//# sourceMappingURL=paragraph.d.ts.map

package/dist/components/paragraph/paragraph.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/paragraph.ts"],"names":[],"mappings":"AAEA,qBAOa,SAAS;CAAG"}

package/dist/components/validation-message/index.d.ts

@@ -1,2 +0,0 @@
-export { ValidationMessage } from './validation-message';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/validation-message/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/validation-message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/validation-message/validation-message.d.ts

@@ -1,3 +0,0 @@
-export declare class ValidationMessage {
-}
-//# sourceMappingURL=validation-message.d.ts.map

package/dist/components/validation-message/validation-message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation-message.d.ts","sourceRoot":"","sources":["../../../src/components/validation-message/validation-message.ts"],"names":[],"mappings":"AAEA,qBAQa,iBAAiB;CAAI"}

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export * from './components/checkbox';
-export * from './components/field';
-export * from './components/fieldset';
-export * from './components/label';
-export * from './components/paragraph';
-export * from './components/validation-message';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA"}

package/dist/index.js

@@ -1 +0,0 @@
-

package/dist/package.json

@@ -1,48 +0,0 @@
-{
-  "name": "@ks-digital/designsystem-angular",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ks-no/designsystem.git",
-    "directory": "packages/angular"
-  },
-  "version": "0.0.1-alpha.5",
-  "license": "MIT",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    }
-  },
-  "files": [
-    "./dist"
-  ],
-  "dependencies": {
-    "@digdir/designsystemet-css": "1.0.5"
-  },
-  "peerDependencies": {
-    "@angular/common": ">=19.0.0",
-    "@angular/core": ">=19.0.0",
-    "@angular/platform-browser": ">=19.0.0",
-    "@angular/platform-server": ">=19.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"
-  }
-}

package/dist/utils/random-id.d.ts

@@ -1,2 +0,0 @@
-export declare const randomId: () => string;
-//# sourceMappingURL=random-id.d.ts.map

package/dist/utils/random-id.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"random-id.d.ts","sourceRoot":"","sources":["../../src/utils/random-id.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,cAEpB,CAAA"}