@ks-digital/designsystem-angular 0.0.1-alpha.18 → 0.0.1-alpha.20

package/README.md

@@ -33,8 +33,23 @@ Import the base styles and the theme you want to use in your application:
 
 ### 3. Use Components
 
-To be written.
+```ts
+import { Button } from '@ks-digital/designsystem-angular'
+
+@Component({
+  imports: [Button],
+  template: `
+  <button ksd-button>
+    Click me
+  </button>
+  `,
+})
+```
 
 ## Example
 
 A complete example setup is available in the `angular-demo` located under the `apps` folder.
+
+## Development
+
+`pnpm nx run @ks-digital/designsystem-angular:storybook`

package/dist/README.md

@@ -33,8 +33,23 @@ Import the base styles and the theme you want to use in your application:
 
 ### 3. Use Components
 
-To be written.
+```ts
+import { Button } from '@ks-digital/designsystem-angular'
+
+@Component({
+  imports: [Button],
+  template: `
+  <button ksd-button>
+    Click me
+  </button>
+  `,
+})
+```
 
 ## Example
 
 A complete example setup is available in the `angular-demo` located under the `apps` folder.
+
+## Development
+
+`pnpm nx run @ks-digital/designsystem-angular:storybook`

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

@@ -900,5 +900,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Button, Card, CardBlock, CommonInputs, Details, DetailsContent, DetailsSummary, Field, FieldDescription, FieldError, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label, Paragraph, Popover, ValidationMessage };
+export { Button, Card, CardBlock, CommonInputs, Details, DetailsContent, DetailsSummary, Field, FieldDescription, FieldError, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label, Paragraph, Popover, Spinner, ValidationMessage };
 //# sourceMappingURL=ks-digital-designsystem-angular.mjs.map

package/dist/index.d.ts

@@ -210,5 +210,26 @@ declare class Popover {
     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>;
 }
 
-export { Button, Card, CardBlock, CommonInputs, Details, DetailsContent, DetailsSummary, Field, FieldDescription, FieldError, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label, Paragraph, Popover, ValidationMessage };
+declare class Spinner {
+    /**
+     * Aria-label for the spinner
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Aria-label for the spinner
+     */
+    readonly dataSize: _angular_core.InputSignal<Size>;
+    /**
+     * Aria-label for the spinner
+     */
+    readonly dataColor: _angular_core.InputSignal<Size>;
+    /**
+     * Aria-hidden for the spinner
+     */
+    readonly ariaHidden: _angular_core.InputSignalWithTransform<boolean, 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 { Button, Card, CardBlock, CommonInputs, Details, DetailsContent, DetailsSummary, Field, FieldDescription, FieldError, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label, Paragraph, Popover, Spinner, ValidationMessage };
 export type { Size };

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/angular"
   },
-  "version": "0.0.1-alpha.18",
+  "version": "0.0.1-alpha.20",
   "license": "MIT",
   "private": false,
   "publishConfig": {
@@ -23,9 +23,7 @@
   },
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
-    "@angular/core": ">=20.0.0",
-    "@angular/platform-browser": ">=20.0.0",
-    "@angular/platform-server": ">=20.0.0"
+    "@angular/core": ">=20.0.0"
   },
   "devDependencies": {
     "@analogjs/storybook-angular": "^1.19.4",
@@ -37,6 +35,9 @@
     "@angular-eslint/eslint-plugin-template": "^20.0.0",
     "@angular-eslint/schematics": "^20.0.0",
     "@angular-eslint/template-parser": "^20.0.0",
+    "@ng-icons/core": "^32.1.0",
+    "@ng-icons/material-icons": "^32.1.0",
+    "@ng-icons/material-symbols": "^32.1.0",
     "@testing-library/angular": "^17.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "angular-eslint": "^20.0.0",