📝 Added comments

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

.changeset/config.json

@@ -24,7 +24,8 @@
     "aksel.nav.no",
     "aksel-icons-figma-plugin",
     "eslint-plugin-aksel-local",
-    "scripts"
+    "scripts",
+    "aksel-analyzer"
   ],
 
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {

.github/PULL_REQUEST_TEMPLATE.md

@@ -9,9 +9,8 @@
 - [ ] Documentation / Decision Records
 - [ ] Storybook
 - [ ] Style mappings (`@navikt/core/css/config/_mappings.js`)
-- [ ] Component tokens (`@navikt/core/css/tokens.json`)
 - [ ] CSS class deprecations (`@navikt/aksel-stylelint/src/deprecations.ts`)
 - [ ] Exports (`@navikt/core/react/src/index.ts` and `@navikt/core/react/package.json`)
 - [ ] New component? CSS import (`@navikt/core/css/index.css`)
 - [ ] Breaking change? Update migration guide. Consider codemod.
-- [ ] Changeset (Format: `<Component>: <gitmoji?> <Text>.` E.g. "Button: :sparkles: Add feature xyz.")
+- [ ] Changeset (Format: `<Component>: <gitmoji?> <Text>` E.g. "Button: :sparkles: Add feature xyz")

.github/actions/build-website/action.yml

@@ -19,6 +19,12 @@ inputs:
   sanity_read_no_drafts_token:
     description: "Sanity read-only token allowing only published documents"
     required: true
+  sanity_deploy_studio:
+    description: "Sanity studio deployment token"
+    required: false
+  next_encryption_key:
+    description: "Overrides default NEXT_SERVER_ACTIONS_ENCRYPTION_KEY for production builds"
+    required: false
   production:
     description: "Toggle to differentiate production build (inject stuff based on this)"
     default: false
@@ -48,11 +54,19 @@ runs:
         echo "PRODUCTION=true" >> aksel.nav.no/website/.env
       shell: bash
 
+    - name: Update sanity manifest
+      if: ${{ inputs.production == 'true' && inputs.sanity_deploy_studio != '' }}
+      run: yarn update:sanity-manifest
+      env:
+        SANITY_AUTH_TOKEN: ${{ inputs.sanity_deploy_studio }}
+      shell: bash
+
     - name: Build Next.js website
       run: yarn build:next
       env:
         SANITY_READ: ${{ inputs.sanity_read_token }}
         SANITY_READ_NO_DRAFTS: ${{ inputs.sanity_read_no_drafts_token }}
+        NEXT_SERVER_ACTIONS_ENCRYPTION_KEY: ${{ inputs.next_encryption_key }}
       shell: bash
 
     - name: Upload static files to Nav CDN

.github/copilot-instructions.md

@@ -1,249 +1,145 @@
-# Aksel – GitHub Copilot Instructions
+# Aksel - Copilot Instructions
 
-This file tells Copilot how to work inside the Aksel monorepo. Prefer existing patterns and symbols, keep changes minimal, and reference real files in this repo.
+## Use this file first
 
-## How to act in this monorepo (quick)
+- Trust these instructions to narrow the search space, but still read the target code and nearest related files before editing.
+- Optimize for local work. Prefer known paths, nearby patterns, and existing scripts over broad repo searches.
+- Ignore release, deploy, changelog, CMS sync, and other remote/ops scripts unless the user asks.
 
-- Edit only what’s asked. Don’t invent files/APIs or refactors.
-- One file at a time. Provide a single coherent diff per file.
-- Use existing exports, tokens, CSS layers, and patterns before adding new ones.
-- When touching packages under `@navikt/*`, also update exports and stories nearby.
-- Add or adjust tests and stories when behavior/visuals change.
-- Link files with repo paths like `@navikt/react/src/...` or `aksel.nav.no/website/...`.
-- Keep changes focused and minimal; avoid drive-by rewrites or formatting churn.
-- Preserve public APIs unless the request explicitly calls for a breaking change (add a changeset if user-facing).
+## How to use this file
 
-## General code guidelines (Copilot)
+- Use this file to narrow the search space, not to replace reading code.
+- Before editing, read the target file and the nearest related files in the same folder such as `index.ts`, story, test, and package/root export files.
+- Search wider only when nearby files do not answer the question.
+
+## Agent mode
 
-- Verify before you claim. Don’t speculate.
-- Preserve unrelated code and existing structure.
 - No apologies, no “I think”, no change summaries.
 - Don’t ask to confirm info that’s already in context.
-- Prefer explicit, descriptive names and follow current style.
 - Favor performance and security; add robust error handling and safe logging.
-- Keep functions small and focused; remove duplication.
-- Replace hardcoded values with named constants when reasonable.
-- Prefer composition over deep inheritance; keep modules cohesive.
+- Default tone: short and answer-first. Aim for max 0–2 concise sentences where needed.
+- Thinking and explanation process: Keep it short, omit whats not strictly necessary, and focus on the next edit.
+- Avoid long explanations or multiple steps at once.
+- Don't explain thinking process for each step, just do the next edit. Only add explanations when the user explicitly asks for it or when it's necessary to clarify a non-obvious change.
 
 ## Inline chat and editor completions
 
-- Default tone: short and answer-first. Aim for 1–3 concise sentences before any code.
+- Verify before you claim. Don’t speculate.
+- Keep functions small and focused; remove duplication (rule of three).
 - Show only what changes. Provide minimal diffs/snippets; don’t paste whole files or unrelated lines.
 - Keep edits scoped to a single file unless explicitly asked to touch more.
-- Use existing APIs, utilities, tokens, and patterns. Don’t add new deps unless requested.
-- Preserve style: imports, naming, types, JSX patterns, token usage, CSS layers.
-- Reference files and symbols with repo-relative paths and backticks, e.g. `@navikt/ds-react/src/...`.
 - Extract requirements into a tiny checklist and proceed. Ask a question only when truly blocked.
 - Avoid heavy formatting: bullets are OK; skip tables; use code fences only for code.
-- For tests/visual changes: add/update the closest test/story next to the changed file.
-- For Next.js: don’t mix `app/` and `pages/` in the same hierarchy; prefer server components where used; add "use client" only when required.
-- For CSS/tokens: never hard-code colors/spacing; use tokens and existing layers.
 - For performance/security: avoid unnecessary re-renders, side effects at module top-level, unsafe HTML, and leaking env vars.
 
-## Repository overview
+## Repo summary
 
-Aksel is NAV’s design system: React components, CSS, design tokens, icons, tooling, and the documentation site. It’s a Yarn 4 workspaces monorepo.
+- Large Yarn 4 workspaces monorepo for NAV's design system: public React/CSS/tokens/icons/stylelint/CLI packages plus docs site and playroom.
+- Stack: TypeScript 6, React 19, Next.js 16, Storybook 10, Vitest 4, ESLint 9, Stylelint 17, Biome 2, Prettier 3.
+- Runtime: Node 22+ recommended, Yarn 4.12.0.
+- Important constraint: code under `@navikt/*` must stay React 17 API compatible. Do not use React 18/19-only APIs there.
 
-- Languages: TypeScript, CSS, React, Next.js
-- Package manager: Yarn v4 (packageManager: `yarn@4.4.0`)
-- Build: Per-package TypeScript builds (run via root scripts)
-- Tests: Vitest + React Testing Library
+## Start and validate
 
-Related files: `package.json`, `eslint.config.js`, `biome.json`, `tsconfig.json`.
+1. `corepack enable`
+2. `yarn install`
+3. `yarn boot`
 
-## Prerequisites
+- Run `yarn boot` after first install and after `yarn clean`.
+- Full install may need `NPM_AUTH_TOKEN` for GitHub Packages.
 
-- Yarn 4 via Corepack is expected by the repo (`packageManager` field).
-- Some maintenance scripts use Deno (for example `scripts/deno/changelog/createMainChangelog.ts`). Install Deno if you run those.
-- Most packages are public. If you encounter 401s from GitHub Packages in a custom setup, set `NPM_AUTH_TOKEN` with `read:packages`.
-
-For limited installs (no website), you can focus core packages:
+Public-package-only install:
 
 ```bash
 yarn workspaces focus @navikt/aksel-icons @navikt/ds-tokens @navikt/ds-css @navikt/ds-react @navikt/ds-tailwind @navikt/aksel @navikt/aksel-stylelint
 ```
 
-## Repository structure (short)
+## Definition of done
 
-```
-@navikt/
-├─ core/react       # @navikt/ds-react – React components
-├─ core/css         # @navikt/ds-css – CSS
-├─ core/tokens      # @navikt/ds-tokens – tokens
-├─ core/tailwind    # @navikt/ds-tailwind – Tailwind preset
-├─ aksel-icons      # @navikt/aksel-icons – icons
-├─ aksel-stylelint  # @navikt/aksel-stylelint – stylelint rules
-└─ aksel            # @navikt/aksel – CLI/tooling
+- Behavior or visual change: update the implementation, closest story, and closest test.
+- New public export: update the component `index.ts`, package `src/index.ts`, and `package.json` exports.
+- User-facing package change: add a changeset unless the task says otherwise.
+- Validate with the narrowest workspace command first; use root commands only for cross-workspace changes.
 
-aksel.nav.no/
-├─ website          # Next.js documentation site
-└─ playroom         # Component playground
+### Common local commands
 
-examples/           # Example apps
-scripts/            # Build/maintenance scripts
-```
+Always prefer using these commands that already exists in workspaces before running custom commands or doing manual steps. These are optimized for local development and validation. For example:
 
-## Build and development
+- `yarn boot` - build all workspaces
+- `yarn test` - run all workspace tests
+- `yarn lint` - eslint + stylelint + biome + cycle + version checks
+- `yarn lint:eslint` / `yarn lint:css` / `yarn lint:biome`
+- `yarn storybook` - root Storybook on `localhost:6006`
+- `yarn storybook:aksel` - website/example Storybook on `localhost:6007`
+- `yarn storybook:test` - Storybook browser tests, slow, uses Playwright/Firefox
+- `yarn dev` - website dev server on `localhost:3000`
+- `yarn clean` - remove build artifacts
+- `yarn workspace @navikt/ds-react build`
+- `yarn workspace @navikt/ds-react test`
+- `yarn workspace website test`
+- `yarn workspace playroom sync-imports`
 
-Setup:
+### Validated locally
 
-```bash
-yarn && yarn boot
-```
+- Works: `yarn boot`, `yarn test`, `yarn storybook --ci --smoke-test`, `yarn storybook:aksel --ci --smoke-test`
+- Caveat: `yarn lint` and `yarn lint:eslint` can fail if playroom imports are stale. Fix with `yarn workspace playroom sync-imports`.
 
-Useful scripts (root `package.json`):
+## Where to edit
 
-```bash
-yarn boot                    # Build all workspaces (topological)
-yarn storybook               # Storybook dev (port 6006)
-yarn storybook:aksel         # Storybook with website config (port 6007)
-yarn dev                     # Run documentation website
-yarn test                    # Run workspace tests
-yarn lint                    # ESLint + Stylelint (full install recommended)
-yarn clean                   # Clean generated files
-yarn changeset               # Create a changeset
-yarn changelog               # Generate main changelog (Deno)
-yarn biome:lint              # Optional extra linting with Biome
-```
+- `@navikt/core/react/` - `@navikt/ds-react`
+  - `src/<component>/<Component>.tsx`
+  - `src/<component>/index.ts`
+  - `src/<component>/*.stories.tsx`
+  - `src/index.ts`
+  - `package.json` exports map for new public components
+- `@navikt/core/css/src/` - component CSS
+- `@navikt/core/tokens/src/` - design token source
+- `@navikt/core/tailwind/` - Tailwind preset
+- `@navikt/aksel-icons/icons/` - source SVGs; `src/` is generated
+- `@navikt/aksel-stylelint/src/` - Stylelint rules/config
+- `@navikt/aksel/src/` - CLI and codemods
+- `aksel.nav.no/website/` - Next.js docs site
+- `aksel.nav.no/playroom/` - playroom and generated imports
+- `examples/` - example apps
+- `scripts/` - shared repo scripts
+- Root references: `README.md`, `CONTRIBUTING.md`, `aksel.nav.no/README.md`, `package.json`, `eslint.config.js`, `stylelint.config.mjs`, `biome.json`, `tsconfig.json`, `tsconfig.build.json`, `.storybook/`, `.github/workflows/build-validation.yml`
 
-Note: `yarn lint` runs across the repo and may require full install (website ESLint plugins).
+## Coding defaults
 
-## CI and validation
+- Keep diffs small. No drive-by refactors, formatting churn, or new dependencies unless asked.
+- Read the full file and copy the nearest existing pattern before changing code.
+- Keep public APIs stable. Prefer additive props and exports.
+- In `@navikt/*`, import React in TSX files; root JSX runtime is classic.
+- Use named exports with explicit type exports.
+- Keep `forwardRef`, `className`, `...rest`, and `as`/`OverridableComponent` patterns when the surrounding component uses them.
+- Reuse internal helpers instead of re-implementing them: `cl`, `composeEventHandlers`, `useId`, `omit`, `useClientLayoutEffect`, `useEventListener`.
+- Use `node:` imports for Node builtins.
+- Never import from `esm/` or `cjs/` build output.
+- Keep import order consistent: `@navikt/*`, `@/*`, then relative. Let Prettier handle sorting.
+- Preserve or add JSDoc for public props/components when changing public APIs.
 
-- Pre-commit (Husky): `lint-staged`, plus internal version sync checks.
-- CI typically runs: lint, unit tests, example/website checks, and Chromatic when applicable.
+## React and ds-react specifics
 
-Common failure causes:
+- Component `index.ts` files in `@navikt/core/react/src/**` start with `"use client"`.
+- When adding or exposing a public component, keep these in sync:
+  - component `index.ts`
+  - `@navikt/core/react/src/index.ts`
+  - `@navikt/core/react/package.json` exports
+- Do not use React 18/19-only APIs under `@navikt/*`. Use internal helpers like `useId`.
 
-- Missing dependencies in a focused install when running repo-wide scripts
-- TypeScript errors in dependent workspaces
-- Stylelint token checks failing due to missing token imports
+## CSS and tokens
 
-Quality gates to check locally before opening a PR:
+- Never hardcode colors, spacing, radius, or shadows. Use tokens only.
+- Public tokens use `--ax-*`. Internal component variables use `--__axc-*`.
+- Follow existing CSS nesting, `data-*` selectors, `focus-visible`, `forced-colors`, and reduced-motion patterns.
+- Prettier formats; Biome is lint-only.
 
-- Build: `yarn boot` succeeds without TS errors.
-- Lint/format: `yarn lint` (and optional `yarn biome:lint`) passes.
-- Tests: `yarn test` for changed workspaces are green.
-- Storybook/website (when UI changes): boots locally without errors.
+## Stories, tests, website
 
-## Tests
-
-- Framework: Vitest (jsdom where needed)
-- Website config: `aksel.nav.no/website/config/vitest.config.ts`
-- Test locations: `**/__tests__/**` and `**/*.test.*`
-- Add tests for new behavior and keep existing tests passing
-- Prefer small, focused tests. Cover the happy path and 1–2 edge cases.
-- Use Testing Library queries that reflect user intent (role/name), avoid brittle selectors.
-
-## Linting and formatting
-
-- ESLint config lives at root: `eslint.config.js` (React, Next.js, Storybook, Testing Library, custom rules)
-- Stylelint is configured in root `package.json` with `@navikt/aksel-stylelint`
-- Tokens are validated via Stylelint and `csstools/value-no-unknown-custom-properties`
-- Biome config: `biome.json` (optional extra lint/format)
-- Prettier uses import-sort; website adds Tailwind plugin via override
-- Avoid disabling lint rules unless necessary; if you must, comment why.
-
-## Packages and exports
-
-- Synchronized versions: `@navikt/ds-react`, `@navikt/ds-css`, `@navikt/aksel-icons`, `@navikt/ds-tokens`, `@navikt/ds-tailwind`
-- Typical package layout:
-
-```
-src/
-├─ index.ts                 # Package exports
-└─ <component>/
-     ├─ index.ts              # Component exports
-     ├─ <component>.tsx       # Implementation
-     └─ <component>.stories.tsx
-```
-
-When adding/editing components in `@navikt/react`:
-
-- Update exports in `src/index.ts` and per-component `index.ts`
-- Add/maintain stories and tests next to the component
-- Follow existing props, theming, and token patterns
-- Keep props stable; prefer additive changes. Deprecate before removal when possible.
-- Ensure tree-shakeability; avoid side effects at module top-level.
-
-## Common workflows
-
-Add a new component
-
-1. Implement under `@navikt/react/src/...`
-2. Add stories and tests
-3. Export from the package `index.ts`
-4. Run `yarn boot` and fix types/lint
-5. Create a changeset (`yarn changeset`)
-
-Component change checklist (quick):
-
-- [ ] Implementation updated under `@navikt/react/src/...`
-- [ ] Exports updated (`src/index.ts` and component `index.ts`)
-- [ ] Stories updated/added and render without errors
-- [ ] Tests updated/added and passing (Vitest)
-- [ ] Tokens/CSS use existing variables and layers (no hard-coded values)
-- [ ] Changeset added if user-facing (version bump and notes)
-
-Modify an existing component
-
-1. Keep the public API stable unless explicitly requested
-2. Update tests if behavior changes; update stories if visuals change
-3. Add a changeset for user-facing changes
-
-Troubleshooting
-
-1. `yarn clean && yarn boot`
-2. Check workspace dependency build order/issues
-3. If focusing workspaces, avoid running repo-wide scripts that depend on the website
-
-## Darkside theming and tokens
-
-- Use design tokens and CSS layers; avoid hard-coded colors/spacing.
-- Website imports Darkside CSS and tokens, see:
-  - `aksel.nav.no/website/pages/global.css` (imports `@navikt/ds-css/darkside`)
-  - `aksel.nav.no/website/pages/_app.tsx` (imports `@navikt/ds-tokens/darkside-css`)
-- Stylelint enforces token usage; unknown/missing custom properties will fail lint.
-
-## Website (Next.js)
-
-- The website uses Next.js 15 and contains both `app/` and `pages/`. Place new files in the router that matches the surrounding code.
-- Prefer server components where already used; mark client components with `"use client"` only when needed.
-- Use Next Image, metadata APIs, and established utilities already in `aksel.nav.no/website`.
-- Logging uses Next logger/pino; follow patterns in `aksel.nav.no/website` (see `next-logger.config.js`).
-- Use existing route conventions and file organization; don’t mix `app/` and `pages/` in the same hierarchy.
-- For Tailwind, prefer the shared preset `@navikt/ds-tailwind` and follow website `tailwind.config.js` patterns.
-
-## Versioning and releases
-
-- Use Changesets: `yarn changeset` and the root scripts:
-  - `yarn create-version` (applies versions, updates changelog, reinstalls)
-  - `yarn release` (boots, docgen, publish, git release helper)
-- Main changelog script: `scripts/deno/changelog/createMainChangelog.ts`
-
-## Answer snippets (for Copilot)
-
-- Build: “Run yarn boot” (see root `package.json`)
-- Storybook: “Run yarn storybook” (or `yarn storybook:aksel` for the website config)
-- Lint/format: “Run yarn lint” (full install recommended) and optional `yarn biome:lint`
-- Versioning: “Run yarn changeset, then yarn create-version”
-- Theming: “Import @navikt/ds-css/darkside in global CSS and ensure tokens via @navikt/ds-tokens/darkside-css”
-
-## Code reviews (for Copilot)
-
-- Summarize the pull-request on maximum two sentences
-- Avoid listing all changes, focus on the most important ones
-- Check the description against the actual changes
-- Ensure the PR title is descriptive and follows the conventional commit format
-- Look for: correctness, style, performance, security, tests, documentation
-- Check: existing patterns, exports, tokens, CSS layers
-- Make sure import paths are correct, updated and use existing aliases where possible
-- When components are changed, ensure stories and tests are updated accordingly
-- When components are changed, make sure related examples for website and playroom are updated
-- Make sure changes made to packages under `@navikt/` has a related changeset where relevant
-
-### Extra review tips
-
-- Watch for unnecessary bundle impact (large deps, dynamic imports, side effects).
-- Confirm a11y basics: semantic elements, labels, focus order, keyboard support.
-- Check security footguns: unsafe HTML, unescaped data, leaking env vars, weak CSP assumptions.
+- Update the closest story and test whenever behavior or visuals change.
+- Use Testing Library queries by role and name.
+- Stories live next to components and use `@storybook/react-vite`.
+- For component work, prefer Storybook over `yarn dev`.
+- `aksel.nav.no/website/pages/eksempler/**` and `pages/templates/**` feed the website and Storybook. In these files, only import from `@navikt/*` and `react`.
+- The website uses both `app/` and `pages/`; stay inside the router already used nearby.
+- `yarn storybook:aksel` works for website examples/templates without Sanity secrets. `yarn dev` may need website env values such as `SANITY_READ_NO_DRAFTS`.

.github/dependabot.yml

@@ -6,12 +6,10 @@ registries:
     token: ${{ secrets.READER_TOKEN }}
 updates:
   - package-ecosystem: npm
-    cooldown:
-      default-days: 7
-      semver-major-days: 30
     directory: /
     exclude-paths:
-      - "examples/**"
+      - "examples/astro/package.json"
+      - "examples/shadow-dom/package.json"
     schedule:
       interval: weekly
       day: monday
@@ -22,8 +20,10 @@ updates:
       sanity:
         patterns:
           - "sanity"
-          - "@sanity/vision"
-          - "@sanity/schema"
+          - "sanity-*"
+          - "@sanity/*"
+          - "next-sanity"
+          - "@portabletext/*"
       eslint:
         patterns:
           - "eslint"
@@ -35,13 +35,10 @@ updates:
       storybook:
         patterns:
           - "*storybook*"
-      # Group all other minor and patch updates to reduce noise
-      dependencies:
+      vitest:
         patterns:
-          - "*"
-        update-types:
-          - "minor"
-          - "patch"
+          - "vitest"
+          - "@vitest/*"
 
   - package-ecosystem: github-actions
     directory: "/"
@@ -55,3 +52,10 @@ updates:
       actions:
         patterns:
           - "*"
+
+  - package-ecosystem: docker
+    directory: "/"
+    schedule:
+      interval: weekly
+      day: monday
+      time: "04:00"

.github/instructions/code-syntax.instructions.md

@@ -0,0 +1,11 @@
+description: "Use for JS/TS code in this repo."
+applyTo: "**/\*.tsx", "**/_.jsx", "\*\*/_.ts", "\*_/_.js"
+
+---
+
+# JS/TS instructions
+
+- Prefer `for...of` over `Array.forEach`.
+- Prefer named exports; keep type exports separate from value exports.
+- Group exports at the bottom: values first, then types.
+- In `*.stories.*`, keep the default export at the top.

.github/instructions/ds-react-component.instructions.md

@@ -0,0 +1,13 @@
+description: "Use for ds-react components and component CSS."
+applyTo: "@navikt/core/react/src/**", "@navikt/core/css/src/**"
+
+---
+
+# ds-react and component instructions
+
+- Read the full component folder before editing.
+- Preserve the surrounding `forwardRef`, `className`, `...rest`, and `as`/`OverridableComponent` patterns.
+- Keep `@navikt/*` code React 17 API compatible.
+- Use tokens, not hardcoded component values.
+- If behavior or visuals change, update the nearest story and test.
+- If a public component changes, keep component exports, package exports, and root exports in sync.

.github/instructions/testing.instructions.md

@@ -0,0 +1,11 @@
+description: "Use for tests and stories."
+applyTo: "**/_.test._", "**/\*.stories.tsx"
+
+---
+
+# Testing and Storybook instructions
+
+- Prefer story `play` functions and `yarn storybook:test` for real user flows; use Vitest for logic and non-browser cases.
+- Prefer focused assertions over snapshots unless nearby tests already use snapshots.
+- Cover the main path and one or two meaningful edge cases.
+- If UI behavior changes, update the nearest story and test in the same change.

.github/instructions/website.instructions.md

@@ -0,0 +1,14 @@
+description: "Use for website and playroom work."
+applyTo:
+
+- "aksel.nav.no/website/\*\*"
+- "aksel.nav.no/playroom/\*\*"
+
+---
+
+# Website and playroom instructions
+
+- Stay inside the router already used nearby; do not mix `app/` and `pages/` patterns in the same area.
+- In `aksel.nav.no/website/pages/eksempler/**` and `aksel.nav.no/website/pages/templates/**`, only import from `@navikt/*` and `react`.
+- Reuse nearby website utilities and patterns before adding abstractions.
+- Prefer `yarn storybook:aksel` for examples/templates; use `yarn dev` only for app-only behavior.

.github/workflows/backup-cms.yml

@@ -1,18 +1,25 @@
-name: Backup sanity dateset to gcp
+name: Backup Sanity dataset
+
 on:
   workflow_dispatch:
   schedule:
-    # 12.00 every 3 days
     - cron: "0 0 */3 * *"
+
+permissions:
+  contents: read
+
 jobs:
   execute:
+    name: Export and upload Sanity backup
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - name: Checkout code
+        uses: actions/checkout@v6
         with:
-          fetch-depth: 0 # Required to retrieve git history
+          fetch-depth: 1
 
-      - uses: actions/setup-node@v6
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
         with:
           node-version: lts/*
           cache: yarn
@@ -28,11 +35,13 @@ jobs:
         env:
           SANITY_READ: ${{ secrets.SANITY_READ }}
 
-      - name: Upload GCP bucket
+      - name: Authenticate with GCP
         uses: "google-github-actions/auth@v3"
         with:
           credentials_json: "${{ secrets.gcp_credentials_prod }}"
-      - uses: "google-github-actions/upload-cloud-storage@v3"
+
+      - name: Upload backup to GCS bucket
+        uses: "google-github-actions/upload-cloud-storage@v3"
         with:
           path: ./aksel.nav.no/website
           destination: "aksel-website-prod/backups"

.github/workflows/build-e2e.yml

@@ -1,4 +1,4 @@
-name: E2E / Playwright Tests
+name: E2E tests (Playwright)
 on:
   push:
     branches: [main, next]
@@ -9,6 +9,10 @@ on:
     paths:
       - "aksel.nav.no/**"
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 permissions:
   actions: read
   contents: read
@@ -17,7 +21,7 @@ permissions:
 
 jobs:
   prebuild-app-for-playwright:
-    name: "Prebuild app for Playwright tests"
+    name: Build app for Playwright
     runs-on: ubuntu-latest
     env:
       IMAGE_NAME: ${{ github.repository }}-e2e
@@ -38,13 +42,13 @@ jobs:
           sanity_read_token: ${{ secrets.SANITY_READ }}
           sanity_read_no_drafts_token: ${{ secrets.SANITY_READ_NO_DRAFTS }}
       - name: Log in to the Container registry
-        uses: docker/login-action@v3
+        uses: docker/login-action@v4
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
       - name: Build and push Docker image
-        uses: docker/build-push-action@v6
+        uses: docker/build-push-action@v7
         with:
           context: .
           file: aksel.nav.no/Dockerfile
@@ -55,10 +59,10 @@ jobs:
 
   run-playwright:
     needs: [prebuild-app-for-playwright]
-    name: Playwright shard ${{ matrix.shardIndex }}
+    name: Playwright shard ${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.57.0-noble
+      image: mcr.microsoft.com/playwright:v1.58.1-noble
     services:
       testapp:
         image: ${{ needs.prebuild-app-for-playwright.outputs.image }}
@@ -100,19 +104,20 @@ jobs:
 
       - name: Upload blob report to GitHub Actions Artifacts
         if: ${{ !cancelled() }}
-        uses: actions/upload-artifact@v5
+        uses: actions/upload-artifact@v7
         with:
           name: blob-report-${{ matrix.shardIndex }}
           path: aksel.nav.no/website/blob-report
           retention-days: 1
 
   merge-reports:
+    name: Merge Playwright reports
     if: ${{ !cancelled() }}
     needs: [run-playwright]
     runs-on: ubuntu-latest
     steps:
       - name: Download blob reports from GitHub Actions Artifacts
-        uses: actions/download-artifact@v6
+        uses: actions/download-artifact@v8
         with:
           path: all-blob-reports
           pattern: blob-report-*
@@ -122,7 +127,7 @@ jobs:
         run: npx playwright merge-reports --reporter html ./all-blob-reports
 
       - name: Upload HTML report
-        uses: actions/upload-artifact@v5
+        uses: actions/upload-artifact@v7
         with:
           name: html-report--attempt-${{ github.run_attempt }}
           path: playwright-report

.github/workflows/build-validation.yml

@@ -1,4 +1,4 @@
-name: CI
+name: Validation (Lint, Tests)
 
 on:
   push:
@@ -8,9 +8,16 @@ on:
   pull_request:
   workflow_dispatch:
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
 jobs:
   lint:
-    name: "Linter: eslint, stylelint"
+    name: Lint (ESLint, Stylelint etc.)
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -27,7 +34,7 @@ jobs:
         run: yarn lint
 
   validate-examples:
-    name: "Validate Aksel.nav.no component examples"
+    name: Validate component examples
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -44,7 +51,7 @@ jobs:
         run: yarn validate:eksempler
 
   test:
-    name: "Tests: Unit and integration"
+    name: Unit and integration tests
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -61,11 +68,11 @@ jobs:
         run: yarn test
 
   ui:
-    name: "Tests: UI"
+    name: UI tests (Storybook)
     runs-on: ubuntu-latest
     timeout-minutes: 10
     container:
-      image: mcr.microsoft.com/playwright:v1.57.0-noble
+      image: mcr.microsoft.com/playwright:v1.58.1-noble
     steps:
       - name: Checkout code
         uses: actions/checkout@v6
@@ -79,3 +86,5 @@ jobs:
 
       - name: Test UI
         run: yarn storybook:test --max-workers=2
+        env:
+          HOME: /root

.github/workflows/build-visual-regression.yml

@@ -1,4 +1,4 @@
-name: Visual Regression Tests
+name: Visual regression (Chromatic)
 
 on:
   push:
@@ -19,6 +19,7 @@ concurrency:
 
 jobs:
   chromatic:
+    name: Run Chromatic
     runs-on: ubuntu-latest
     permissions:
       issues: write
@@ -47,7 +48,7 @@ jobs:
           buildScriptName: "build:storybook-chromatic"
           onlyChanged: true
           untraced: "**/package.json|yarn.lock|**/*.md"
-          externals: "**/core/css/*.css|**/core/css/baseline/*.css|**/core/css/form/*.css|**/core/css/primitives/*.css"
+          externals: "**/core/css/src/**/*.css"
           traceChanged: true
         env:
           STORYBOOK_GITHUB_SHA: ${{ github.sha }}

.github/workflows/bundle-check-main.yml

@@ -0,0 +1,147 @@
+name: Bundle check (main branch)
+
+on:
+  pull_request:
+    branches: [main]
+    paths:
+      - "@navikt/**"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  check-title:
+    name: Check PR title
+    runs-on: ubuntu-latest
+    outputs:
+      should-run: ${{ steps.check.outputs.should-run }}
+    steps:
+      - id: check
+        run: echo "should-run=${{ !contains(github.event.pull_request.title, 'Version Packages') }}" >> $GITHUB_OUTPUT
+
+  analyze-trunk:
+    name: Analyze main branch
+    runs-on: ubuntu-latest
+    needs: check-title
+    if: ${{ needs.check-title.outputs.should-run == 'true' }}
+    steps:
+      - name: Checkout main branch
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 1
+          ref: main
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+
+      - name: Analyze main branch
+        run: yarn run:analyze-local-action
+
+      - name: Upload json report to GitHub Actions Artifacts
+        if: ${{ !cancelled() }}
+        uses: actions/upload-artifact@v7
+        with:
+          name: trunk-results.json
+          path: scripts/analyzer
+          retention-days: 1
+
+  analyze-local:
+    name: Analyze PR branch
+    runs-on: ubuntu-latest
+    needs: check-title
+    if: ${{ needs.check-title.outputs.should-run == 'true' }}
+    steps:
+      - name: Checkout PR branch
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 1
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+
+      - name: Analyze PR branch
+        run: yarn run:analyze-branch-action
+
+      - name: Upload json report to GitHub Actions Artifacts
+        if: ${{ !cancelled() }}
+        uses: actions/upload-artifact@v7
+        with:
+          name: branch-results.json
+          path: scripts/analyzer
+          retention-days: 1
+
+  compare-against-trunk:
+    name: Compare bundles (PR vs main)
+    runs-on: ubuntu-latest
+    needs: [analyze-trunk, analyze-local]
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 1
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+
+      - name: Download trunk json from GitHub Actions Artifacts
+        uses: actions/download-artifact@v8
+        with:
+          path: scripts/analyzer
+          name: trunk-results.json
+
+      - name: Download branch json from GitHub Actions Artifacts
+        uses: actions/download-artifact@v8
+        with:
+          path: scripts/analyzer
+          name: branch-results.json
+
+      - name: Analyze compare branches
+        run: yarn run:compare-bundles
+
+      - name: Upload comparison markdown to GitHub Actions Artifacts
+        if: ${{ !cancelled() }}
+        uses: actions/upload-artifact@v7
+        with:
+          name: compare-markdown.md
+          path: scripts/analyzer
+          retention-days: 1
+
+  update-comment:
+    name: Post PR comment with results
+    runs-on: ubuntu-latest
+    needs: [compare-against-trunk]
+    permissions:
+      contents: read
+      pull-requests: write
+    steps:
+      - name: Download comparison markdown to GitHub Actions Artifacts
+        uses: actions/download-artifact@v8
+        with:
+          path: scripts/analyzer
+          name: compare-markdown.md
+
+      - name: Find Comment
+        uses: peter-evans/find-comment@v4
+        id: fc
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          comment-author: "github-actions[bot]"
+          body-includes: Bundle Analysis Result
+
+      - name: Create or update comment
+        uses: peter-evans/create-or-update-comment@v5
+        with:
+          comment-id: ${{ steps.fc.outputs.comment-id }}
+          issue-number: ${{ github.event.pull_request.number }}
+          body-path: scripts/analyzer/compare-markdown.md
+          edit-mode: replace

.github/workflows/bundle-check-npm.yml

@@ -0,0 +1,84 @@
+name: Bundle check (npm)
+
+on:
+  pull_request:
+    branches: [main]
+    paths:
+      - "@navikt/**"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  check-title:
+    name: Check PR title
+    runs-on: ubuntu-latest
+    outputs:
+      should-run: ${{ steps.check.outputs.should-run }}
+    steps:
+      - id: check
+        run: echo "should-run=${{ contains(github.event.pull_request.title, 'Version Packages') }}" >> $GITHUB_OUTPUT
+
+  analyze:
+    name: Analyze npm packages
+    runs-on: ubuntu-latest
+    needs: check-title
+    if: ${{ needs.check-title.outputs.should-run == 'true' }}
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 1
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+
+      - name: Analyze Npm and local packages
+        run: yarn run:analyze-npm-action
+
+      - name: Run comparison analysis
+        run: yarn run:compare-bundles
+
+      - name: Upload comparison markdown to GitHub Actions Artifacts
+        if: ${{ !cancelled() }}
+        uses: actions/upload-artifact@v7
+        with:
+          name: compare-markdown.md
+          path: scripts/analyzer
+          retention-days: 1
+
+  update-comment:
+    name: Post PR comment with results
+    runs-on: ubuntu-latest
+    needs: [analyze]
+    permissions:
+      contents: read
+      pull-requests: write
+    steps:
+      - name: Download comparison markdown to GitHub Actions Artifacts
+        uses: actions/download-artifact@v8
+        with:
+          path: scripts/analyzer
+          name: compare-markdown.md
+
+      - name: Find Comment
+        uses: peter-evans/find-comment@v4
+        id: fc
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          comment-author: "github-actions[bot]"
+          body-includes: Bundle Analysis Result
+
+      - name: Create or update comment
+        uses: peter-evans/create-or-update-comment@v5
+        with:
+          comment-id: ${{ steps.fc.outputs.comment-id }}
+          issue-number: ${{ github.event.pull_request.number }}
+          body-path: scripts/analyzer/compare-markdown.md
+          edit-mode: replace

.github/workflows/cdn-figma-config.yml

@@ -1,4 +1,4 @@
-name: "Update remote token config for figma variables plugin"
+name: Upload Figma token config to CDN
 
 on:
   workflow_dispatch:
@@ -10,6 +10,7 @@ on:
 
 jobs:
   upload:
+    name: Build and upload token config
     runs-on: ubuntu-latest
 
     permissions:
@@ -17,11 +18,13 @@ jobs:
       id-token: "write"
 
     steps:
-      - uses: actions/checkout@v6
+      - name: Checkout code
+        uses: actions/checkout@v6
         with:
-          fetch-depth: 0
+          fetch-depth: 1
 
-      - uses: actions/setup-node@v6
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
         with:
           node-version: lts/*
           cache: yarn
@@ -35,7 +38,8 @@ jobs:
       - name: Build tokens
         run: yarn workspace @navikt/ds-tokens build
 
-      - id: upload
+      - name: Upload config to CDN
+        id: upload
         uses: nais/deploy/actions/cdn-upload/v2@master
         with:
           team: designsystem
@@ -46,5 +50,6 @@ jobs:
           source_keep_parent_name: false
           no_cache_paths: "@navikt/tokens/figma-config.json"
 
-      - run: echo uploaded file ${{ steps.upload.outputs.uploaded }}
+      - name: Log uploaded file
+        run: echo uploaded file ${{ steps.upload.outputs.uploaded }}
         shell: bash

.github/workflows/cdn-fonts.yml

@@ -1,4 +1,4 @@
-name: "push-to-cdn"
+name: Upload fonts to CDN
 
 on:
   workflow_dispatch:
@@ -10,16 +10,19 @@ on:
 
 jobs:
   upload:
+    name: Upload fonts to CDN
     runs-on: ubuntu-latest
 
     permissions:
-      contents: "read"
-      id-token: "write"
+      contents: read
+      id-token: write
 
     steps:
-      - uses: "actions/checkout@v6"
+      - name: Checkout code
+        uses: "actions/checkout@v6"
 
-      - id: upload
+      - name: Upload fonts to CDN
+        id: upload
         uses: nais/deploy/actions/cdn-upload/v2@master
         with:
           team: aksel
@@ -28,5 +31,6 @@ jobs:
           project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
           identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
 
-      - run: echo uploaded file ${{ steps.upload.outputs.uploaded }}
+      - name: Log uploaded file
+        run: echo uploaded file ${{ steps.upload.outputs.uploaded }}
         shell: bash

.github/workflows/cleanup-images.yml

@@ -0,0 +1,26 @@
+name: Cleanup E2E Docker images
+
+on:
+  schedule:
+    - cron: "0 4 * * 1"
+  workflow_dispatch:
+
+permissions:
+  packages: write
+
+jobs:
+  cleanup:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        package-name:
+          - aksel-e2e
+    steps:
+      - name: Delete old container images
+        uses: actions/delete-package-versions@e5bc658cc4c965c472efe991f8beea3981499c55 # actions/delete-package-versions@v5
+        with:
+          package-name: ${{ matrix.package-name }}
+          package-type: container
+          delete-only-untagged-versions: false
+          min-versions-to-keep: 1
+          token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy-dev-gcp.yml

@@ -1,10 +1,15 @@
-name: Deploy aksel.ansatt.dev.nav.no
+name: Deploy dev (aksel.ansatt.dev.nav.no)
+
 on:
   workflow_dispatch:
   push:
     branches:
       - next
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: false
+
 jobs:
   build_and_deploy:
     name: Build and deploy to dev-gcp
@@ -13,6 +18,7 @@ jobs:
       packages: "write"
       contents: "read"
       id-token: "write"
+      deployments: "write"
     steps:
       - name: Checkout code
         uses: actions/checkout@v6
@@ -29,10 +35,8 @@ jobs:
           sanity_read_token: ${{ secrets.SANITY_READ }}
           sanity_read_no_drafts_token: ${{ secrets.SANITY_READ_NO_DRAFTS }}
 
-      - name: Get complete tag
-        run: echo "TAG=DEV-$( date +%s )" >> $GITHUB_ENV
-
-      - uses: nais/docker-build-push@v0
+      - name: Build and push Docker image
+        uses: nais/docker-build-push@v0
         id: docker-push
         with:
           team: designsystem

.github/workflows/deploy-prod-gcp.yml

@@ -1,4 +1,5 @@
-name: Deploy aksel.nav.no
+name: Deploy prod (aksel.nav.no)
+
 on:
   push:
     branches:
@@ -6,15 +7,20 @@ on:
     paths:
       - "aksel.nav.no/**"
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: false
+
 env:
   IMAGE: ghcr.io/navikt/aksel
 
 jobs:
   sync_data_with_sanity:
-    name: Update component data
+    name: Sync data to Sanity
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - name: Checkout code
+        uses: actions/checkout@v6
 
       - name: Setup project
         uses: ./.github/actions/setup
@@ -24,7 +30,7 @@ jobs:
       - name: Run ts-docgen
         run: yarn docgen
 
-      - name: Update sanity sync
+      - name: Update Sanity
         env:
           SANITY_WRITE: ${{ secrets.SANITY_WRITE }}
         run: yarn workspace aksel.nav.no sanity:update
@@ -36,6 +42,7 @@ jobs:
       packages: "write"
       contents: "read"
       id-token: "write"
+      deployments: "write"
     steps:
       - name: Checkout code
         uses: actions/checkout@v6
@@ -52,11 +59,11 @@ jobs:
           nais_project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
           sanity_read_token: ${{ secrets.SANITY_READ }}
           sanity_read_no_drafts_token: ${{ secrets.SANITY_READ_NO_DRAFTS }}
+          sanity_deploy_studio: ${{ secrets.SANITY_DEPLOY_STUDIO }}
+          next_encryption_key: ${{ secrets.NEXT_ENCRYPTION_KEY }}
 
-      - name: Get complete tag
-        run: echo "TAG=PROD-$( date +%s )" >> $GITHUB_ENV
-
-      - uses: nais/docker-build-push@v0
+      - name: Build and push Docker image
+        uses: nais/docker-build-push@v0
         id: docker-push
         with:
           team: designsystem

.github/workflows/deploy-v7-prod-gcp.yml

@@ -1,10 +1,15 @@
-name: Deploy aksel-v7.nav.no
+name: Deploy prod (aksel-v7.nav.no)
+
 on:
   workflow_dispatch:
   push:
     branches:
       - v7-aksel.nav.no
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: false
+
 jobs:
   build_and_deploy:
     name: Build and deploy to prod-gcp
@@ -38,10 +43,8 @@ jobs:
         run: cd v7-aksel.nav.no && yarn build
         shell: bash
 
-      - name: Get complete tag
-        run: echo "TAG=PROD-V7-$( date +%s )" >> $GITHUB_ENV
-
-      - uses: nais/docker-build-push@v0
+      - name: Build and push Docker image
+        uses: nais/docker-build-push@v0
         id: docker-push
         with:
           team: designsystem

.github/workflows/referansesider-spa-deploy.yml

@@ -1,38 +0,0 @@
-name: Deploy referansesider SPA
-
-on:
-  workflow_dispatch:
-  push:
-    branches:
-      - main
-
-jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
-
-    permissions:
-      contents: "read"
-      id-token: "write"
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 1
-
-      - name: Setup project
-        uses: ./.github/actions/setup
-        with:
-          npm_auth_token: ${{ secrets.READER_TOKEN }}
-
-      - run: cd ./examples/referansesider && yarn && yarn build
-      - uses: nais/deploy/actions/spa-deploy/v2@master
-        with:
-          app: aksel-referansesider
-          team: designsystem
-          source: ./examples/referansesider/dist
-          ingress: https://aksel-referansesider.ansatt.dev.nav.no
-          environment: dev
-          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
-          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
-          cache_invalidation: true

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Release
+name: Release packages
 
 on:
   push:
@@ -13,8 +13,8 @@ concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
   build:
-    name: "Release packages"
-    if: ${{!contains(github.event.head_commit.message, '[ci skip]')}}
+    name: Release packages
+    if: ${{ !contains(github.event.head_commit.message, '[ci skip]') }}
     runs-on: ubuntu-latest
     permissions:
       id-token: "write"
@@ -22,17 +22,20 @@ jobs:
       packages: "write"
       pull-requests: "write"
     steps:
-      - uses: actions/checkout@v6
+      - name: Checkout code
+        uses: actions/checkout@v6
         with:
           fetch-depth: 0
 
-      - uses: actions/setup-node@v6
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
         with:
           node-version: lts/*
           cache: yarn
           cache-dependency-path: "yarn.lock"
 
-      - uses: denoland/setup-deno@v2
+      - name: Setup Deno
+        uses: denoland/setup-deno@v2
         with:
           deno-version: v1.x
 
@@ -55,7 +58,7 @@ jobs:
           # Needed for push to main
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Creating .npmrc
+      - name: Create .npmrc for GPR
         run: |
           cat << EOF > "$HOME/.npmrc"
             @navikt:registry=https://npm.pkg.github.com

.github/workflows/stale.yml

@@ -1,29 +0,0 @@
-# https://github.com/actions/stale
-name: Mark stale issues
-
-on:
-  schedule:
-    - cron: "31 3 * * *"
-  workflow_dispatch:
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-
-    steps:
-      - uses: actions/stale@v10
-        with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
-          days-before-issue-stale: 120
-          days-before-pr-stale: -1
-          days-before-close: 30
-          any-of-labels: "Besvart"
-          stale-issue-message: |-
-            Hei! Det ser ut som det ikke har vært aktivitet her på en stund. Etter 30 dager vil saken bli lukket automatisk.
-
-            Om saken fortsatt er relevant eller du har oppdateringer, vil en kommentar hindre at den lukkes. Du kan alltids åpne den igjen hvis det skulle være nødvendig!
-          stale-issue-label: "no-issue-activity"
-          ascending: true
-          operations-per-run: 200

.github/workflows/update-article-views.yml

@@ -1,16 +1,22 @@
-name: Redeploy Naisjob (update-article-views)
+name: Update article views (Naisjob)
+
 on:
   workflow_dispatch:
+
 jobs:
   execute:
+    name: Build and deploy article views job
     runs-on: ubuntu-latest
     permissions:
-      id-token: "write"
+      contents: read
+      id-token: write
     steps:
-      - uses: actions/checkout@v6
+      - name: Checkout code
+        uses: actions/checkout@v6
         with:
           fetch-depth: 1
-      - uses: nais/docker-build-push@v0
+      - name: Build and push Docker image
+        uses: nais/docker-build-push@v0
         id: docker-push
         with:
           team: designsystem
@@ -19,7 +25,7 @@ jobs:
           project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
           identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
 
-      - name: start naisjob prod-gcp
+      - name: Deploy Naisjob to prod-gcp
         uses: nais/deploy/actions/deploy@master
         env:
           APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname $0)/_/husky.sh"
 
-yarn lint-staged && yarn tsx ./scripts/in-sync-versions.ts
+yarn lint-staged

.husky/pre-push

@@ -0,0 +1,13 @@
+#!/bin/sh
+. "$(dirname $0)/_/husky.sh"
+
+# Only run tests when pushing to main branch
+while read local_ref local_sha remote_ref remote_sha; do
+  if [ "$remote_ref" = "refs/heads/main" ]; then
+    echo "Pushing to main branch - running tests...\n"
+    yarn test
+    exit $?
+  fi
+done
+
+exit 0

.storybook/layout.css

@@ -15,11 +15,6 @@ body {
   padding: 1rem;
 }
 
-.colgap[data-theme="dark"],
-.rowgap[data-theme="dark"] {
-  background-color: var(--a-gray-900);
-}
-
 .rowgap-wrap {
   flex-wrap: wrap;
 }

.storybook/main.ts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "@storybook/react-vite";
+import { defineMain } from "@storybook/react-vite/node";
 import FG from "fast-glob";
 import { readFileSync } from "node:fs";
 import { createRequire } from "node:module";
@@ -17,35 +17,53 @@ const includeWebsiteStories = process.env.WITH_WEBSITE === "true";
 
 const indexRegex = /export const args = {\s+index: (\d+),/;
 
-export default {
+export default defineMain({
   experimental_indexers: (indexers) => {
     // Changes here might need to be reflected in aksel.nav.no/website/.storybook/main.ts
     const customIndexer = async (fileName: string, opts: any) => {
-      let code = readFileSync(fileName, "utf-8").toString();
+      try {
+        let code = readFileSync(fileName, "utf-8").toString();
 
-      const index = indexRegex.exec(code)?.[1];
+        const index = indexRegex.exec(code)?.[1];
 
-      code = code.split(
-        /\/\/ EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE/,
-      )[0];
+        code = code.split(
+          /\/\/ EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE/,
+        )[0];
 
-      const [templateName, name] = fileName
-        .split(`pages/templates/`)[1]
-        .replace(".tsx", "")
-        .split("/");
-      const storyName = process.env.CHROMATIC
-        ? `${templateName} [${index}] ${name}` // Chromatic does not support folders, and doesn't like |
-        : `${index} | ${name}`;
+        const templatePath = fileName.split(`pages/templates/`)[1];
+        if (!templatePath) {
+          console.warn(`[Storybook] Invalid template path: ${fileName}`);
+          return [];
+        }
 
-      code += `
+        const [templateName, name] = templatePath
+          .replace(".tsx", "")
+          .split("/");
+
+        if (!templateName || !name) {
+          console.warn(
+            `[Storybook] Could not parse template name from: ${fileName}`,
+          );
+          return [];
+        }
+
+        const storyName = process.env.CHROMATIC
+          ? `${templateName} [${index ?? "0"}] ${name}` // Chromatic does not support folders, and doesn't like |
+          : `${index ?? "0"} | ${name}`;
+
+        code += `
         export default { title: "Templates/${templateName}/${storyName}" };
         export const Demo = { render: Example };
         Demo.storyName = "${storyName}";`;
 
-      return loadCsf(code, {
-        ...opts,
-        fileName,
-      }).parse().indexInputs;
+        return loadCsf(code, {
+          ...opts,
+          fileName,
+        }).parse().indexInputs;
+      } catch (error) {
+        console.error(`[Storybook] Failed to index ${fileName}:`, error);
+        return [];
+      }
     };
 
     return [
@@ -59,7 +77,7 @@ export default {
 
   staticDirs: ["./public"],
 
-  stories: resolveStoriesPaths,
+  stories: resolveStoriesPaths(),
 
   addons: [
     getAbsolutePath("@storybook/addon-a11y"),
@@ -108,9 +126,9 @@ export default {
   features: {
     actions: false,
   },
-} satisfies StorybookConfig;
+});
 
-function getAbsolutePath(value: string): any {
+function getAbsolutePath(value: string) {
   return dirname(require.resolve(join(value, "package.json")));
 }
 

.storybook/preview.tsx

@@ -1,41 +1,19 @@
-import { withThemeByClassName } from "@storybook/addon-themes";
-import { Preview } from "@storybook/nextjs";
-import React, { useEffect, useLayoutEffect } from "react";
-// @ts-expect-error - Temporary
-import darksideCss from "../@navikt/core/css/darkside/index.css?inline";
-// @ts-expect-error - Temporary
-import defaultCss from "../@navikt/core/css/index.css?inline";
+import addonA11y from "@storybook/addon-a11y";
+import addonDocs from "@storybook/addon-docs";
+import addonThemes, { withThemeByClassName } from "@storybook/addon-themes";
+import addonVitest from "@storybook/addon-vitest";
+import { definePreview } from "@storybook/react-vite";
+import React, { useEffect } from "react";
+import "../@navikt/core/css/src/data-table.css";
+import "../@navikt/core/css/src/data-token-filter.css";
+import "../@navikt/core/css/src/data-toolbar.css";
+import "../@navikt/core/css/src/index.css";
+import "../@navikt/core/css/src/listbox.css";
 import { Provider } from "../@navikt/core/react/src/provider";
-import { Theme } from "../@navikt/core/react/src/theme";
-import { Translations } from "../@navikt/core/react/src/util/i18n/i18n.types";
-import { en, nb, nn } from "../@navikt/core/react/src/util/i18n/locales";
+import { Translations } from "../@navikt/core/react/src/utils/i18n/i18n.types";
+import { en, nb, nn } from "../@navikt/core/react/src/utils/i18n/locales";
 import "./layout.css";
 
-const ModeDecorator = ({ children, mode, theme }) => {
-  useLayoutEffect(() => {
-    const style = document.createElement("style");
-    style.innerHTML = mode === "darkside" ? darksideCss : defaultCss;
-    document.head.appendChild(style);
-
-    if (mode === "darkside") {
-      document.body.style.setProperty("background", "var(--ax-bg-default)");
-    }
-
-    return () => {
-      document.head.removeChild(style);
-      document.body.style.removeProperty("background");
-    };
-  }, [mode]);
-
-  return mode === "darkside" ? (
-    <Theme theme={theme || undefined} hasBackground={false}>
-      {children}
-    </Theme>
-  ) : (
-    children
-  );
-};
-
 type Language = "nb" | "nn" | "en";
 const locales: Record<Language, Translations> = {
   nb,
@@ -43,6 +21,22 @@ const locales: Record<Language, Translations> = {
   en,
 };
 
+const LanguageDecorator = ({
+  children,
+  lang,
+}: {
+  children: React.ReactNode;
+  lang: Language | undefined;
+}) => {
+  useEffect(() => {
+    document.documentElement.lang = lang || "nb";
+  }, [lang]);
+
+  return (
+    <Provider locale={lang ? locales[lang] : undefined}>{children}</Provider>
+  );
+};
+
 const fonts = ["Source Sans 3", "Open Sans"];
 
 const TypoDecorator = ({
@@ -55,13 +49,17 @@ const TypoDecorator = ({
   useEffect(() => {
     const fontVariable = fonts.includes(font) ? `"${font}", sans-serif` : null;
     document.body.style.setProperty("--ax-font-family", fontVariable);
-    document.body.style.setProperty("--a-font-family", fontVariable);
+
+    return () => {
+      document.body.style.removeProperty("--ax-font-family");
+    };
   }, [font]);
 
-  return children;
+  return <>{children}</>;
 };
 
-export default {
+export default definePreview({
+  addons: [addonA11y(), addonThemes(), addonDocs(), addonVitest()],
   parameters: {
     options: {
       storySort: {
@@ -93,21 +91,6 @@ export default {
   },
 
   globalTypes: {
-    mode: {
-      name: "Darkside",
-      toolbar: {
-        items: [
-          {
-            value: "default",
-            icon: "hourglass",
-            title: "Legacy theme",
-          },
-          { value: "darkside", icon: "beaker", title: "Darkside theme" },
-        ],
-        showName: true,
-        dynamicTitle: true,
-      },
-    },
     language: {
       toolbar: {
         icon: "globe",
@@ -141,18 +124,10 @@ export default {
       </TypoDecorator>
     ),
     (StoryFn, context) => (
-      <ModeDecorator mode={context.globals.mode} theme={context.globals.theme}>
+      <LanguageDecorator lang={context.globals.language}>
         <StoryFn />
-      </ModeDecorator>
+      </LanguageDecorator>
     ),
-    (StoryFn, context) =>
-      context.globals.language ? (
-        <Provider locale={locales[context.globals.language as Language]}>
-          <StoryFn />
-        </Provider>
-      ) : (
-        <StoryFn />
-      ),
     withThemeByClassName({
       themes: {
         light: "light",
@@ -161,4 +136,4 @@ export default {
       defaultTheme: "light",
     }),
   ],
-} satisfies Preview;
+});

.vscode/extensions.json

@@ -1,13 +1,13 @@
 {
   "recommendations": [
     "dbaeumer.vscode-eslint",
-    "denoland.vscode-deno",
+    "stylelint.vscode-stylelint",
+    "biomejs.biome",
     "esbenp.prettier-vscode",
+    "denoland.vscode-deno",
     "github.vscode-github-actions",
     "ms-playwright.playwright",
     "sanity-io.vscode-sanity",
-    "stylelint.vscode-stylelint",
-    "vunguyentuan.vscode-css-variables",
-    "bradlc.vscode-tailwindcss"
+    "vunguyentuan.vscode-css-variables"
   ]
 }

.vscode/settings.json

@@ -1,8 +1,5 @@
 {
-  "cssVariables.lookupFiles": [
-    "@navikt/core/tokens/dist/tokens.css",
-    "@navikt/core/tokens/dist/darkside/tokens.css"
-  ],
+  "cssVariables.lookupFiles": ["@navikt/core/tokens/dist/tokens.css"],
   "eslint.problems.shortenToSingleLine": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "files.watcherExclude": {
@@ -12,6 +9,6 @@
     "**/cjs": true
   },
   "playwright.reuseBrowser": true,
-  "typescript.tsdk": "node_modules/typescript/lib",
+  "js/ts.tsdk.path": "node_modules/typescript/lib",
   "deno.enablePaths": ["./scripts/deno"]
 }

.yarnrc.yml

@@ -12,4 +12,10 @@ npmScopes:
     npmAuthToken: "${NPM_AUTH_TOKEN:-}"
     npmRegistryServer: "https://npm.pkg.github.com"
 
-yarnPath: .yarn/releases/yarn-4.9.4.cjs
+enableScripts: false
+defaultSemverRangePrefix: ""
+npmMinimalAgeGate: "7d"
+npmPreapprovedPackages: ["@navikt/*"]
+enableTelemetry: false
+
+yarnPath: .yarn/releases/yarn-4.12.0.cjs

@navikt/aksel-icons/CHANGELOG.md

@@ -1,5 +1,69 @@
 # @navikt/aksel-icons
 
+## 8.10.2
+
+## 8.10.1
+
+## 8.10.0
+
+## 8.9.1
+
+## 8.9.0
+
+## 8.8.0
+
+## 8.7.0
+
+## 8.6.0
+
+## 8.5.2
+
+## 8.5.1
+
+## 8.5.0
+
+## 8.4.1
+
+## 8.4.0
+
+## 8.3.0
+
+## 8.2.2
+
+## 8.2.1
+
+## 8.2.0
+
+## 8.1.0
+
+## 8.0.1
+
+## 8.0.0
+
+## 7.40.0
+
+### Minor Changes
+
+- Icons: New icon MagnifyingGlassCheckmark ([#4489](https://github.com/navikt/aksel/pull/4489))
+
+## 7.39.1
+
+## 7.39.0
+
+## 7.38.0
+
+## 7.37.0
+
+## 7.36.0
+
+### Patch Changes
+
+- Icons: Removed 'updated_at'-field from AkselIcon-type. ([#4399](https://github.com/navikt/aksel/pull/4399))
+
+## 7.35.3
+
+## 7.35.2
+
 ## 7.35.1
 
 ## 7.35.0

@navikt/aksel-icons/CONTRIBUTING.md

@@ -2,45 +2,11 @@
 
 ## Foreslå nye ikoner
 
-Om du ikke finner et ikonet du leter etter kan du [åpne et issue på github](https://github.com/navikt/aksel/issues/new?labels=nytt+✨%2Cikoner+🖼%2Cforespørsel+🥰&template&template=new-icon.yaml&title=%5BNytt+ikon%5D%3A+).
+Om du ikke finner ikonet du leter etter kan du [lage et issue på GitHub](https://github.com/navikt/aksel/issues/new?labels=nytt+✨%2Cikoner+🖼%2Cforespørsel+🥰&template=new-icon.yaml&title=%5BNytt+ikon%5D%3A+).
 
 ## Oppdatere ikon
 
-Hvis du tenker et ikon fortjener en oppdatering eller er utdatert kan [du foreslå det her.](https://github.com/navikt/aksel/issues/new?labels=forespørsel+🥰&template=update-icon.yml&title=%5BInnspill+til+ikon%5D%3A+)
-
-## Legge til nye ikoner selv
-
-Hvis du selv ønsker å legge til nye ikoner kan du kopiere filenes fra `/template` og legge de inn i `/icons` med egen data. Alle ikonene har naming-format `PascalCase`. Alle ikonene har 1 SVG-fil og 1 tilhørende YML-fil.
-
-### Svg
-
-- Sizing, width og height må være 24x24: `width="24" height="24" `
-- Viewbox: `viewBox="0 0 24 24"`
-- Fill på path: `fill="#202733"`
-
-### Yml
-
-```yml
-name: Template # Samme som filnavn
-category: Template category # Hovedkategori
-sub_category: Sub category # Underkategori
-keywords: # Samling med søkeord
-  - template1
-  - template2
-  - template3
-variant: Stroke # Stroke eller Fill
-updated_at: 02.01.2023 # Dato for siste oppdatering
-created_at: 01.01.2023 # Dato for opprettelse
-```
-
-### Publisere oppdatering
-
-Når du har lagt til nye ikoner kan du opprette en pull request. Denne vil bli automatisk testet og så gått gjennom av Aksel-teamet.
-Legg gjerne til en `changeset` ved å kjøre `yarn changeset` i terminalen. Dette vil gi oss bedre oversikt over hva som er endret i endringslogger og automatisk bumpe pakke-versjonen ved merge.
-
-#### Teste nytt ikon
-
-Hvis du ønsker å teste om alt stemmer, både i `svg` og `yml` før du lager en PR kan du kjøre `yarn && cd navikt/aksel-icons && yarn test` i terminalen lokalt.
+Hvis du tenker et ikon fortjener en oppdatering eller er utdatert kan [du foreslå det her](https://github.com/navikt/aksel/issues/new?labels=forespørsel+🥰&template=update-icon.yml&title=%5BInnspill+til+ikon%5D%3A+).
 
 ## Design av nye ikoner
 
@@ -51,9 +17,9 @@ Hvis du ønsker å teste om alt stemmer, både i `svg` og `yml` før du lager en
 
 ### Stroke (linje)
 
-- Ikonet må bestå av kun linjer
-- Linjene skal være 1.5px, center-aligned
+- Ikonet må bestå av kun linjer.
+- Linjene skal være 1.5px, center-aligned.
 
 ### Fill (fylt)
 
-- Ikoner hvor shapes kan fylles, bør fylles
+- Ikoner hvor shapes kan fylles, bør fylles.

@navikt/aksel-icons/__tests__/validate-config.test.ts

@@ -24,8 +24,6 @@ describe(`Each icons YML-config is valid`, () => {
       expect(ymlData.keywords).toBeTruthy();
       expect(ymlData.variant).toBeTruthy();
       expect(ymlData.keywords.length).toBeGreaterThan(0);
-      expect(ymlData.updated_at).toBeTruthy();
-      expect(isDate(ymlData.updated_at)).toBeTruthy();
       expect(ymlData.created_at).toBeTruthy();
       expect(isDate(ymlData.created_at)).toBeTruthy();
     });

@navikt/aksel-icons/config/figma/make-configs.ts

@@ -10,7 +10,6 @@ export type IconYml = {
   sub_category: string;
   keywords: string[];
   variant: string;
-  updated_at: string;
   created_at: string;
 };
 
@@ -42,12 +41,6 @@ export const makeConfig = (
       variant: icon.name.includes("Variant=")
         ? icon.name.replace("Variant=", "")
         : "Stroke",
-      updated_at: new Date(icon.updated_at)
-        .toISOString()
-        .split("T")[0]
-        .split("-")
-        .reverse()
-        .join("."),
       created_at: new Date(icon.created_at)
         .toISOString()
         .split("T")[0]

@navikt/aksel-icons/config/metadata.js

@@ -45,7 +45,6 @@ fs.writeFileSync(
     sub_category: "Time",
     keywords: string[];
     variant: "stroke" | "fill";
-    updated_at: Date;
     created_at: Date;
   }
 

@navikt/aksel-icons/config/zip.js

@@ -39,12 +39,12 @@ async function generateFile() {
 
   categories.forEach((value, key) => {
     mkdirSync(`${iconFolder}/${key}`);
-    value.forEach((icon) =>
+    value.forEach((icon) => {
       copyFileSync(
         `${basePath}/${icon}.svg`,
         `${iconFolder}/${key}/${icon}.svg`,
-      ),
-    );
+      );
+    });
   });
 }
 

@navikt/aksel-icons/figma-plugin/package.json

@@ -14,22 +14,19 @@
     "@navikt/ds-css": "*",
     "@navikt/ds-react": "*",
     "fuse.js": "^7.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "19.2.5",
+    "react-dom": "19.2.5"
   },
   "devDependencies": {
     "@figma/plugin-typings": "^1.100.2",
     "@svgr/core": "^8.1.0",
-    "@types/node": "^24.10.0",
-    "@types/postcss-url": "^10.0.4",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.0.0",
+    "@types/node": "^24.10.9",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^5.1.0",
-    "postcss": "^8.4.31",
-    "postcss-url": "^10.1.3",
-    "typescript": "5.9.3",
-    "vite": "^7.2.4",
-    "vite-plugin-singlefile": "^2.2.0",
+    "typescript": "6.0.2",
+    "vite": "^7.3.2",
+    "vite-plugin-singlefile": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0"
   }
 }

@navikt/aksel-icons/figma-plugin/scripts/vite/vite-svgr-component.ts

@@ -22,7 +22,7 @@ export default function viteSvgr({
   return {
     name: "vite-svgr-component",
 
-    async transform(code, id) {
+    async transform(_, id) {
       if (filter(id)) {
         const { transform } = await import("@svgr/core");
         const svgCode = await fs.promises.readFile(

@navikt/aksel-icons/figma-plugin/src/ui/App.tsx

@@ -154,7 +154,8 @@ const App = () => {
                       </Heading>
                       <div className="icons-wrapper">
                         {sub.icons.map((i) => {
-                          const T = Icons[`${i.id}Icon`]; // eslint-disable-line import/namespace
+                          // biome-ignore lint/performance/noDynamicNamespaceImportAccess: We do not know which icon will be rendered at build time
+                          const T = Icons[`${i.id}Icon`];
                           if (T === undefined) {
                             return null;
                           }

@navikt/aksel-icons/figma-plugin/src/ui/app.css

@@ -1,11 +1,11 @@
 @import "@navikt/ds-css";
 
 .wrapper {
-  background-color: var(--a-bg-default);
+  background-color: var(--ax-bg-default);
 }
 
 .form {
-  border-bottom: 1px solid var(--a-border-subtle);
+  border-bottom: 1px solid var(--ax-border-neutral-subtle);
   position: sticky;
   top: 0;
   z-index: 20;
@@ -16,7 +16,7 @@
   gap: 1rem;
   padding-block: 0.5rem;
   padding-inline: 1rem;
-  background-color: var(--a-bg-default);
+  background-color: var(--ax-bg-default);
 }
 
 .form-togglegroup {
@@ -45,7 +45,7 @@
 }
 
 .sub-heading {
-  color: var(--a-text-subtle);
+  color: var(--ax-text-neutral-subtle);
   margin-bottom: 0.25rem;
 }
 
@@ -58,22 +58,23 @@
 .icon-button {
   min-height: 3rem;
   min-width: 3rem;
-  border-radius: var(--a-border-radius-small);
+  border-radius: var(--ax-radius-2);
   display: grid;
   place-content: center;
-  background-color: var(--a-surface-default);
+  background-color: var(--ax-bg-neutral-softA);
   cursor: pointer;
   border: none;
 }
 
 .icon-button:hover {
-  background-color: var(--a-surface-hover);
+  background-color: var(--ax-bg-neutral-moderate-hoverA);
 }
 
 .icon-button:active {
-  background-color: var(--a-surface-neutral-subtle-hover);
+  background-color: var(--ax-bg-neutral-moderate-pressedA);
 }
 
 .icon-button:focus-visible {
-  outline: 2px solid var(--a-border-focus);
+  outline: 3px solid var(--ax-border-focus);
+  outline-offset: 2px;
 }

@navikt/aksel-icons/figma-plugin/src/ui/vite-env.d.ts

@@ -18,7 +18,6 @@ declare module "**/metadata.mjs" {
     sub_category: "Time";
     keywords: string[];
     variant: "stroke" | "fill";
-    updated_at: Date;
     created_at: Date;
   };
 

@navikt/aksel-icons/icons.stories.tsx

@@ -12,54 +12,16 @@ export default meta;
 type Story = StoryObj<typeof StarFillIcon>;
 
 export const Icons: Story = {
-  render: () => {
-    return (
-      <div className="icons">
-        {Object.entries(AkselIcons).map(([key, Value]) => (
-          <React.Fragment key={key}>
-            <Value fontSize="3rem" aria-hidden title={key} />
-          </React.Fragment>
-        ))}
-        <style>
-          {`
-          .icons{
-            display: flex;
-            flex-wrap: wrap;
-          }
-          `}
-        </style>
-      </div>
-    );
-  },
+  render: () => (
+    <div>
+      {Object.entries(AkselIcons).map(([key, Icon]) => (
+        <Icon key={key} fontSize="3rem" aria-hidden title={key} />
+      ))}
+    </div>
+  ),
 };
 
 export const IconsInverted: Story = {
-  render: () => {
-    return (
-      <div className="icons">
-        {Object.entries(AkselIcons).map(([key, Value]) => (
-          <React.Fragment key={key}>
-            <Value
-              fontSize="3rem"
-              aria-hidden
-              title={key}
-              className="icon-color"
-            />
-          </React.Fragment>
-        ))}
-        <style>
-          {`
-          .icons{
-            display: flex;
-            flex-wrap: wrap;
-            background: var(--a-gray-900);
-          }
-          .icon-color{
-            color: var(--a-icon-on-inverted);
-          }
-          `}
-        </style>
-      </div>
-    );
-  },
+  render: Icons.render,
+  globals: { theme: "dark" },
 };

@navikt/aksel-icons/icons/Airplane.yml

@@ -6,5 +6,4 @@ keywords:
   - reise
   - travel
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AirplaneFill.yml

@@ -6,5 +6,4 @@ keywords:
   - reise
   - travel
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignBottom.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignBottomFill.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignCenter.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignCenterFill.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignLeft.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignLeftFill.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignMiddle.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignMiddleFill.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignRight.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignRightFill.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignTop.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AlignTopFill.yml

@@ -15,5 +15,4 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Allergens.yml

@@ -15,5 +15,4 @@ keywords:
   - symptomer
   - advarsel
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AllergensFill.yml

@@ -15,5 +15,4 @@ keywords:
   - symptomer
   - advarsel
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Angle.yml

@@ -15,5 +15,4 @@ keywords:
   - skråning
   - helning
 variant: Stroke
-updated_at: 29.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AngleRulerCircle.yml

@@ -15,5 +15,4 @@ keywords:
   - skråning
   - helning
 variant: Stroke
-updated_at: 23.09.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AngleRulerCircleFill.yml

@@ -15,5 +15,4 @@ keywords:
   - skråning
   - helning
 variant: Fill
-updated_at: 23.09.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AngleRulerTriangle.yml

@@ -15,5 +15,4 @@ keywords:
   - skråning
   - helning
 variant: Stroke
-updated_at: 23.09.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AngleRulerTriangleFill.yml

@@ -15,5 +15,4 @@ keywords:
   - skråning
   - helning
 variant: Fill
-updated_at: 23.09.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Archive.yml

@@ -6,5 +6,4 @@ keywords:
   - box
   - boks
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 22.02.2024

@navikt/aksel-icons/icons/ArchiveFill.yml

@@ -6,5 +6,4 @@ keywords:
   - box
   - boks
 variant: Fill
-updated_at: 14.05.2025
 created_at: 22.02.2024

@navikt/aksel-icons/icons/AreaChart.yml

@@ -13,5 +13,4 @@ keywords:
   - graf
   - analyse
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/AreaChartFill.yml

@@ -13,5 +13,4 @@ keywords:
   - graf
   - analyse
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowCirclepath.yml

@@ -13,5 +13,4 @@ keywords:
   - reload
   - oppdater
 variant: Stroke
-updated_at: 27.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowCirclepathReverse.yml

@@ -11,5 +11,4 @@ keywords:
   - reset
   - tilbakestill
 variant: Stroke
-updated_at: 27.10.2025
 created_at: 08.08.2025

@navikt/aksel-icons/icons/ArrowDown.yml

@@ -11,5 +11,4 @@ keywords:
   - åpnet
   - opened
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowDownRight.yml

@@ -9,5 +9,4 @@ keywords:
   - nivå
   - innrykk
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 04.12.2023

@navikt/aksel-icons/icons/ArrowForward.yml

@@ -10,5 +10,4 @@ keywords:
   - videresend
   - forward
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowForwardFill.yml

@@ -10,5 +10,4 @@ keywords:
   - videresend
   - forward
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowLeft.yml

@@ -8,5 +8,4 @@ keywords:
   - back
   - tilbake
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowRedo.yml

@@ -13,5 +13,4 @@ keywords:
   - forward
   - videresend
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowRight.yml

@@ -9,5 +9,4 @@ keywords:
   - frem
   - fram
 variant: Stroke
-updated_at: 26.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowRightLeft.yml

@@ -11,5 +11,4 @@ keywords:
   - overføring
   - overgang
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowUndo.yml

@@ -12,5 +12,4 @@ keywords:
   - ombestemt
   - back
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowUp.yml

@@ -10,5 +10,4 @@ keywords:
   - close
   - lukke
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowsAllDirections.yml

@@ -11,5 +11,4 @@ keywords:
   - flytt
   - dra
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.08.2025

@navikt/aksel-icons/icons/ArrowsCirclepath.yml

@@ -13,5 +13,4 @@ keywords:
   - oppfrisking
   - oppdatering
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowsSquarepath.yml

@@ -14,5 +14,4 @@ keywords:
   - opptak
   - gjenopptak
 variant: Stroke
-updated_at: 25.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowsUpDown.yml

@@ -9,5 +9,4 @@ keywords:
   - sortering
   - sorting
 variant: Stroke
-updated_at: 28.10.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BabyWrapped.yml

@@ -16,5 +16,4 @@ keywords:
   - spedbarn
   - infant
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BabyWrappedFill.yml

@@ -16,5 +16,4 @@ keywords:
   - spedbarn
   - infant
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Backpack.yml

@@ -6,5 +6,4 @@ keywords:
   - reise
   - travel
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BackpackFill.yml

@@ -6,5 +6,4 @@ keywords:
   - reise
   - travel
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Backward.yml

@@ -5,5 +5,4 @@ keywords:
   - Bakover
   - spole bakover
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BackwardFill.yml

@@ -5,5 +5,4 @@ keywords:
   - Bakover
   - spole bakover
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Bacteria.yml

@@ -8,5 +8,4 @@ keywords:
   - sykdom
   - illness
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BacteriaFill.yml

@@ -8,5 +8,4 @@ keywords:
   - sykdom
   - illness
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Bagde.yml

@@ -9,5 +9,4 @@ keywords:
   - verifisering
   - sertifisering
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BagdeFill.yml

@@ -9,5 +9,4 @@ keywords:
   - verifisering
   - sertifisering
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Baggage.yml

@@ -6,5 +6,4 @@ keywords:
   - reise
   - travel
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/BaggageFill.yml

@@ -6,5 +6,4 @@ keywords:
   - reise
   - travel
 variant: Fill
-updated_at: 14.05.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Bandage.yml

@@ -10,5 +10,4 @@ keywords:
   - skade
   - meld skade
 variant: Stroke
-updated_at: 14.05.2025
 created_at: 07.03.2023