build: use pnpm as package manager

.github/workflows/design-tokens.yml

@@ -24,18 +24,21 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
       - run: git checkout -b bot-design-tokens-$(date +%Y%m%d%H%M%S)
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: '24'
+          cache: 'pnpm'
       - name: Fetch variables from Figma
         env:
           FIGMA_REST_API_KEY: ${{ secrets.FIGMA_REST_API_KEY }}
           FIGMA_VARIABLES_URL: ${{ vars.FIGMA_VARIABLES_URL }}
         run: |
-          yarn install --immutable
-          yarn fetch-variables
-          yarn build
+          pnpm install --frozen-lockfile
+          pnpm fetch-variables
+          pnpm build
       - name: Commit new design tokens
         run: |
           CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)

.github/workflows/release.yml

@@ -41,39 +41,48 @@ jobs:
     if: ${{ needs.release-please.outputs.generate-assets--release_created }}
     steps:
       - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          always-auth: true
-          node-version: '24.13.0'
+          node-version-file: '.nvmrc'
           registry-url: 'https://registry.npmjs.org'
-      - run: yarn workspace @atb-as/generate-assets install --frozen-lockfile --focus
-      - run: yarn workspace @atb-as/generate-assets build
-      - run: npm publish -w @atb-as/generate-assets
+          cache: 'pnpm'
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm --filter @atb-as/generate-assets build
+      - run: pnpm --filter @atb-as/generate-assets publish --no-git-checks
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
   release-theme:
     runs-on: ubuntu-latest
     needs: release-please
     if: ${{ needs.release-please.outputs.theme--release_created }}
     steps:
       - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          always-auth: true
-          node-version: '24.13.0'
+          node-version-file: '.nvmrc'
           registry-url: 'https://registry.npmjs.org'
-      - run: yarn workspace @atb-as/theme install --frozen-lockfile --focus
-      - run: yarn workspace @atb-as/theme build
-      - run: npm publish -w @atb-as/theme
+          cache: 'pnpm'
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm --filter @atb-as/theme build
+      - run: pnpm --filter @atb-as/theme publish --no-git-checks
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
   release-token:
     runs-on: ubuntu-latest
     needs: release-please
     if: ${{ needs.release-please.outputs.token--release_created }}
     steps:
       - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          always-auth: true
-          node-version: '24.13.0'
+          node-version-file: '.nvmrc'
           registry-url: 'https://registry.npmjs.org'
-      - run: npm publish -w @atb-as/token
+          cache: 'pnpm'
+      - run: pnpm --filter @atb-as/token publish --no-git-checks
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.nvmrc

@@ -0,0 +1 @@
+24

README.md

@@ -8,7 +8,7 @@ Monorepo for handling theming, colors, typography and more for different applica
 ## Requirements
 
 - node version 24.13.0 (needed for latest npm to support OIDC-based publishing)
-- yarn
+- pnpm (installed automatically via corepack: `corepack enable`)
 
 ## Release
 

package.json

@@ -5,9 +5,6 @@
   "main": "index.js",
   "license": "EUPL-1.2",
   "private": true,
-  "workspaces": [
-    "packages/*"
-  ],
   "keywords": [
     "design system",
     "atb"
@@ -17,9 +14,9 @@
   },
   "dependencies": {},
   "scripts": {
-    "build": "yarn workspace @atb-as/theme build && yarn workspace @atb-as/generate-assets build",
-    "clean": "yarn workspace @atb-as/theme clean && yarn workspace @atb-as/generate-assets clean",
-    "fetch-variables": "yarn workspace @atb-as/theme fetch-variables"
+    "build": "pnpm --filter @atb-as/theme build && pnpm --filter @atb-as/generate-assets build",
+    "clean": "pnpm --filter @atb-as/theme clean && pnpm --filter @atb-as/generate-assets clean",
+    "fetch-variables": "pnpm --filter @atb-as/theme fetch-variables"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "packageManager": "pnpm@11.1.1"
 }

packages/assets/package.json

@@ -20,7 +20,7 @@
   "scripts": {
     "clean": "rm -rf lib",
     "build": "tsc && node lib/tools/validate-files",
-    "pack": "yarn pack"
+    "pack": "pnpm pack"
   },
   "devDependencies": {
     "@types/micromatch": "^4.0.2",

packages/assets/src/bin.ts

@@ -18,7 +18,7 @@ type InputOptions = {
 };
 
 program
-  .name('npx @atb-as/generate-assets')
+  .name('pnpm dlx @atb-as/generate-assets')
   .addArgument(
     new Argument('<type>', 'Type of assets to generate')
       .choices(['colors', 'all', 'mono'])

packages/theme/package.json

@@ -14,11 +14,11 @@
     "lib"
   ],
   "scripts": {
-    "pack": "yarn pack",
+    "pack": "pnpm pack",
     "tsc": "tsc",
     "clean": "rm -rf lib",
     "test": "echo \"Error: run tests from root\" && exit 1",
-    "build": "yarn create-typo && tsc -p tsconfig.build.json && yarn copy-css",
+    "build": "pnpm create-typo && tsc -p tsconfig.build.json && pnpm copy-css",
     "create-typo": "tsx ./tools/create-typo.ts",
     "copy-css": "copyfiles -u 1 \"src/**/*.{css,woff,woff2,ttf,eot,svg,png}\" lib",
     "fetch-variables": "tsx ./tools/fetch-figma-variables.ts"

packages/token/package.json

@@ -18,20 +18,17 @@
   "license": "EUPL-1.2",
   "scripts": {
     "unit": "node --test index.test.js",
-    "test": "npm run unit && eslint ."
-  },
-  "engines": {
-    "node": ">=18.0.0"
+    "test": "pnpm run unit && eslint ."
   },
   "peerDependencies": {
-    "@atb-as/theme": "11.0.1",
+    "@atb-as/theme": ">=15.0.0",
     "postcss": "^8.4.27"
   },
   "dependencies": {
-    "postcss-functions": "4.0.2"
+    "postcss-functions": "^4.0.2"
   },
   "devDependencies": {
-    "@atb-as/theme": "11.0.1",
+    "@atb-as/theme": "^15.2.0",
     "eslint": "^8.47.0",
     "postcss": "^8.4.27"
   },