@surfnet/curve-angular 0.2.0

package/.postcssrc.json

@@ -0,0 +1,7 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {
+      "transformAssetUrls": false
+    }
+  }
+}

package/.storybook/main.ts

@@ -0,0 +1,9 @@
+import type { StorybookConfig } from '@storybook/angular';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(ts|mdx)'],
+  addons: ['@storybook/addon-a11y', '@storybook/addon-docs'],
+  framework: '@storybook/angular',
+};
+
+export default config;

package/.storybook/manager.ts

@@ -0,0 +1,3 @@
+import { registerManager } from '@surfnet/curve-storybook-config/manager';
+
+registerManager('angular');

package/.storybook/preview.ts

@@ -0,0 +1,28 @@
+import {
+  frameworkGlobalTypes,
+  frameworkSwitcher,
+  sharedParameters,
+  themeGlobalTypes,
+  themeInitialGlobals,
+  themeSwitcher,
+} from '@surfnet/curve-storybook-config';
+
+// Keep this a literal object so Storybook's static analyzer can read `tags`
+// (project-level autodocs) — a factory call can't be parsed statically.
+export default {
+  tags: ['autodocs'],
+  initialGlobals: { framework: 'angular', ...themeInitialGlobals },
+  globalTypes: { ...frameworkGlobalTypes, ...themeGlobalTypes },
+  decorators: [frameworkSwitcher('angular'), themeSwitcher()],
+  parameters: {
+    ...sharedParameters,
+    // Must be a literal (Storybook reads it via static analysis, not
+    // execution). Keep in sync with packages/react/.storybook/preview.ts.
+    options: {
+      storySort: {
+        method: 'alphabetical',
+        order: ['Foundations', 'Components'],
+      },
+    },
+  },
+};

package/.storybook/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "include": ["../src/**/*.stories.ts", "./preview.ts"]
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,32 @@
+$ ng build angular && pnpm build:css
+Building Angular Package
+
+------------------------------------------------------------------------------
+Building entry point '@surfnet/curve-angular'
+------------------------------------------------------------------------------
+- Compiling with Angular sources in full compilation mode.
+✔ Compiling with Angular sources in full compilation mode.
+✔ Generating FESM and DTS bundles
+- Copying assets
+✔ Copying assets
+- Writing package manifest
+WARNING: Found a conflicting export condition for ".". The "types" condition would be overridden by ng-packagr. Please unset it.
+WARNING: Found a conflicting export condition for ".". The "default" condition would be overridden by ng-packagr. Please unset it.
+ℹ Removing scripts section in package.json as it's considered a potential security vulnerability.
+ℹ Removing devDependencies section in package.json.
+✔ Writing package manifest
+✔ Built @surfnet/curve-angular
+
+------------------------------------------------------------------------------
+Built Angular Package
+- from: /home/runner/work/DesignSystem/DesignSystem/packages/angular
+- to:   /home/runner/work/DesignSystem/DesignSystem/packages/angular/dist
+------------------------------------------------------------------------------
+
+Build at: 2026-07-08T09:22:54.675Z - Time: 6100ms
+
+$ tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify && jiti scripts/copy-font-files.ts
+≈ tailwindcss v4.3.1
+
+Done in 205ms
+Copied font files to dist/files.

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# @surfnet/curve-angular
+
+## 0.2.0
+
+### Minor Changes
+
+- 769ca08: The `link` button variant now uses the dedicated `--link` design token instead of
+  `--primary`, so link text picks up the theme- and mode-specific link colour. Exposes a
+  matching `text-link` (and `bg-link` / `border-link`) utility via the `--color-link` theme
+  mapping. Applied to both the React and Angular buttons so they stay in parity.
+
+## 0.1.0
+
+### Minor Changes
+
+- 1523d8c: Initial release of the Angular component library.
+
+  - Built on [Spartan](https://spartan.ng) (`brain` primitives + `helm` styles), built
+    with `ng-packagr`.
+  - 20 components: `avatar`, `breadcrumb`, `button`, `card`, `checkbox`, `data-table`,
+    `dropdown-menu`, `field`, `icon`, `input`, `input-group`, `label`, `select`,
+    `separator`, `sheet`, `sidebar`, `skeleton`, `table`, `textarea`, `tooltip`.
+    `icon`, `sheet`, `skeleton`, and `tooltip` are Angular-only for now, ahead of their
+    React and `@surfnet/curve-contracts` counterparts.
+  - Each component ships with a Storybook story (webpack builder) and an autodocs page.
+  - Styled with Tailwind CSS v4, sourcing all design tokens from `@surfnet/curve-tokens`,
+    and ships a compiled `styles.css` plus the Geist variable font files it depends on.
+  - Variant and size names are checked against `@surfnet/curve-contracts` at build time
+    to keep parity with `@surfnet/curve-react`.

package/angular.json

@@ -0,0 +1,52 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular": {
+      "projectType": "library",
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "hlm",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:ng-packagr",
+          "options": {
+            "project": "ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "angular:build",
+            "tsConfig": ".storybook/tsconfig.json",
+            "compodoc": false,
+            "styles": ["src/styles.css"],
+            "port": 6007
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "angular:build",
+            "tsConfig": ".storybook/tsconfig.json",
+            "compodoc": false,
+            "styles": ["src/styles.css"],
+            "outputDir": "storybook-static"
+          }
+        }
+      }
+    }
+  }
+}

package/components.json

@@ -0,0 +1,5 @@
+{
+  "componentsPath": "src/lib/ui",
+  "importAlias": "@spartan-ng/helm",
+  "style": "vega"
+}