🎉 Add submenu closing

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,82 @@
-# 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.
+## Approach
 
-## How to act in this monorepo (quick)
+- Narrow search space; don't replace reading code.
+- Before editing: read target file + nearest related files (`index.ts`, story, test, exports).
+- Prefer known paths/scripts over broad searches.
+- Ignore release/deploy/changelog/ops scripts unless asked.
 
-- 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).
+## Behavior
 
-## General code guidelines (Copilot)
+- No apologies, no "I think", no change summaries.
+- Answer-first. 0-2 sentences max.
+- No thinking aloud; do next edit. Explain only when asked or non-obvious.
+- Show only what changes. Minimal diffs; don't paste whole files.
+- Edits scoped to one file unless asked. Ask only when truly blocked.
+- Favor perf/security; avoid re-renders, top-level side effects, unsafe HTML, env var leaks.
 
-- 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.
+## Repo summary
 
-## Inline chat and editor completions
+- Yarn 4 workspaces monorepo: public React/CSS/tokens/icons/stylelint/CLI packages + docs site + playroom.
+- Stack: TypeScript 6, React 19, Next.js 16, Storybook 10, Vitest 4, ESLint 9, Stylelint 17, Biome 2, Prettier 3.
+- Node 22+, Yarn 4.12.0.
+- `@navikt/*` must stay React 17 compatible.
 
-- Default tone: short and answer-first. Aim for 1–3 concise sentences before any code.
-- 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.
+## Start and validate
 
-## Repository overview
+1. `corepack enable`
+2. `yarn install`
+3. `yarn boot`
 
-Aksel is NAV’s design system: React components, CSS, design tokens, icons, tooling, and the documentation site. It’s a Yarn 4 workspaces monorepo.
+- `yarn boot` after first install + after `yarn clean`.
+- Full install needs `NPM_AUTH_TOKEN` for GitHub Packages.
 
-- 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
+Public-package-only: `yarn workspaces focus @navikt/aksel-icons @navikt/ds-tokens @navikt/ds-css @navikt/ds-react @navikt/ds-tailwind @navikt/aksel @navikt/aksel-stylelint`
 
-Related files: `package.json`, `eslint.config.js`, `biome.json`, `tsconfig.json`.
+## Definition of done
 
-## Prerequisites
+- Behavior/visual change: update impl + closest story + test.
+- New public export: sync component `index.ts`, `src/index.ts`, `package.json` exports.
+- User-facing change: add changeset unless told otherwise.
+- Validate with narrowest workspace command first.
 
-- 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`.
+### Commands
 
-For limited installs (no website), you can focus core packages:
+- `yarn boot` - build all
+- `yarn test` / `yarn lint` - all tests / all linting
+- `yarn lint:eslint` / `yarn lint:css` / `yarn lint:biome`
+- `yarn storybook` - root `:6006`
+- `yarn storybook:aksel` - website examples `:6007`
+- `yarn storybook:test` - browser tests (Playwright/Firefox)
+- `yarn dev` - website `:3000`
+- `yarn clean` - remove build artifacts
+- `yarn workspace @navikt/ds-react build|test`
+- `yarn workspace website test`
+- `yarn workspace playroom sync-imports`
 
-```bash
-yarn workspaces focus @navikt/aksel-icons @navikt/ds-tokens @navikt/ds-css @navikt/ds-react @navikt/ds-tailwind @navikt/aksel @navikt/aksel-stylelint
-```
+`yarn lint` fails if playroom imports stale → `yarn workspace playroom sync-imports`.
 
-## Repository structure (short)
+## Where to edit
 
-```
-@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
+- `@navikt/core/react/src/<component>/` - component source, index, stories
+- `@navikt/core/react/src/index.ts` + `package.json` exports - public API surface
+- `@navikt/core/css/src/` - component CSS
+- `@navikt/core/tokens/src/` - design tokens
+- `@navikt/core/tailwind/` - Tailwind preset
+- `@navikt/aksel-icons/icons/` - source SVGs (`src/` generated)
+- `@navikt/aksel-stylelint/src/` - Stylelint rules
+- `@navikt/aksel/src/` - CLI and codemods
+- `aksel.nav.no/website/` - Next.js docs site
+- `aksel.nav.no/playroom/` - playroom
+- Root: `eslint.config.js`, `stylelint.config.mjs`, `biome.json`, `tsconfig.json`, `.storybook/`
 
-aksel.nav.no/
-├─ website          # Next.js documentation site
-└─ playroom         # Component playground
+## Coding defaults
 
-examples/           # Example apps
-scripts/            # Build/maintenance scripts
-```
-
-## Build and development
-
-Setup:
-
-```bash
-yarn && yarn boot
-```
-
-Useful scripts (root `package.json`):
-
-```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
-```
-
-Note: `yarn lint` runs across the repo and may require full install (website ESLint plugins).
-
-## CI and validation
-
-- Pre-commit (Husky): `lint-staged`, plus internal version sync checks.
-- CI typically runs: lint, unit tests, example/website checks, and Chromatic when applicable.
-
-Common failure causes:
-
-- 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
-
-Quality gates to check locally before opening a PR:
-
-- 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.
-
-## 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.
+- Small diffs. No drive-by refactors or new deps unless asked.
+- Copy nearest existing pattern before writing new code.
+- Stable public APIs. Prefer additive props/exports.
+- `node:` imports for Node builtins. Never import from `esm/`/`cjs/` output.
+- Import order: `@navikt/*`, `@/*`, relative. (Prettier sorts)
+- Preserve JSDoc on public props/components when changing public APIs.
+- Reuse helpers: `cl`, `composeEventHandlers`, `useId`, `omit`, `useClientLayoutEffect`, `useEventListener`.

.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/caveman.instructions.md

@@ -0,0 +1,78 @@
+---
+description: >
+  Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman
+  while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra.
+  Always use caveman for code-related questions unless spesificed otherwise. For non-code topics, use caveman if user seems to want quick, concise answers.
+applyTo: "**"
+---
+
+# caveman
+
+ACTIVE EVERY RESPONSE.
+
+default: full
+
+switch mode:
+
+- "/caveman lite" → lite
+- "/caveman full" → full
+- "/caveman ultra" → ultra
+- "stop caveman" | "normal mode" → off
+
+persist: keep last state
+
+## intensity
+
+| Level     | What change                                                                                                   |
+| --------- | ------------------------------------------------------------------------------------------------------------- |
+| **lite**  | short sentences, no filler, keep grammar                                                                      |
+| **full**  | fragments ok, drop articles, short words. Classic caveman                                                     |
+| **ultra** | Abbreviate (DB/auth/config/req/res/fn/impl), fragments, abbrev (db/api/req/res/fn), arrows (→), minimal words |
+
+Example - "Why React component re-render?"
+
+- lite: "Your component re-renders because you create a new object reference each render. Wrap it in `useMemo`."
+- full: "New object ref each render. Inline object prop = new ref = re-render. Wrap in `useMemo`."
+- ultra: "Inline obj prop → new ref → re-render. `useMemo`."
+
+## global rules
+
+- no filler (just/really/basically/etc)
+- no pleasantries
+- no hedging
+- keep tech exact
+- no long sentences
+- prefer symbols (→, =)
+
+## patterns
+
+Patterns: `[thing] [action] [reason]. [next step].`
+
+## examples
+
+lite:
+"Component re-renders because you create a new object each render. Use useMemo."
+
+full:
+"New object each render → new ref → re-render. useMemo."
+
+ultra:
+"inline obj → new ref → re-render. fix: useMemo."
+
+## auto-Clarity
+
+Drop caveman for: security warnings, irreversible action confirmations, multi-step sequences where fragment order risks misread, user asks to clarify or repeats question. Resume caveman after clear part done.
+
+Example - destructive op:
+
+> **Warning:** This will permanently delete all rows in the `users` table and cannot be undone.
+>
+> ```sql
+> DROP TABLE users;
+> ```
+>
+> Caveman resume. Verify backup exist first.
+
+## boundaries
+
+Code/commits/PRs: write normal. "stop caveman" or "normal mode": revert. Level persist until changed or session end

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

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

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

@@ -0,0 +1,17 @@
+---
+description: "ds-react components and component CSS."
+applyTo: "@navikt/core/react/src/**", "@navikt/core/css/src/**"
+---
+
+# ds-react component instructions
+
+- Read full component folder before editing.
+- Preserve `forwardRef`, `className`, `...rest`, `as`/`OverridableComponent` patterns.
+- `@navikt/*` must stay React 17 compatible. No React 18/19-only APIs; use internal `useId` etc.
+- `@navikt/*` TSX: import React explicitly (classic JSX).
+- Component `index.ts` starts with `"use client"`.
+- Use tokens, not hardcoded values. Token names: `--ax-*` (public), `--__axc-*` (internal).
+- Follow CSS nesting, `data-*` selectors, `focus-visible`, `forced-colors`, reduced-motion.
+- Prettier formats CSS; Biome lint-only.
+- Behavior/visual change: update nearest story + test.
+- Public component change: sync component `index.ts`, `src/index.ts`, `package.json` exports.

.github/instructions/testing.instructions.md

@@ -0,0 +1,14 @@
+---
+description: "Tests and stories."
+applyTo: "**/*.test.*", "**/*.stories.tsx"
+---
+
+# Testing and Storybook instructions
+
+- Prefer story `play` functions + `yarn storybook:test` for user flows; Vitest for logic/non-browser.
+- Prefer focused assertions over snapshots unless nearby tests use them.
+- Cover main path + 1-2 meaningful edge cases.
+- UI behavior change: update nearest story + test in same change.
+- Testing Library: query by role and name.
+- Stories use `@storybook/react-vite`, live next to components.
+- Prefer `yarn storybook` for component work over `yarn dev`.

.github/instructions/website.instructions.md

@@ -0,0 +1,12 @@
+---
+description: "Website and playroom."
+applyTo: "aksel.nav.no/website/**, aksel.nav.no/playroom/**"
+---
+
+# Website and playroom instructions
+
+- Stay in router already used nearby; don't mix `app/`/`pages/`.
+- `pages/eksempler/**` and `pages/templates/**`: only import from `@navikt/*` and `react`.
+- Reuse nearby utils/patterns before adding abstractions.
+- Prefer `yarn storybook:aksel` for examples/templates; `yarn dev` only for app-specific behavior.
+- `yarn storybook:aksel` needs no secrets. `yarn dev` needs `SANITY_READ_NO_DRAFTS`.

.github/skills/ds-component-restructure/SKILL.md

@@ -0,0 +1,221 @@
+---
+name: ds-component-restructure
+description: "Restructure a ds-react component to follow canonical folder/file conventions. Use when: restructuring a component, reorganizing component files, migrating component structure, refactoring component layout, splitting monolithic component files, renaming component files to match domain."
+argument-hint: "Path to component folder, e.g. @navikt/core/react/src/accordion"
+---
+
+# ds-component-restructure
+
+Restructure a `ds-react` component folder to follow canonical conventions — without breaking the public API.
+
+## Canonical Structure
+
+```
+<component>/
+├── index.ts                          # "use client" + re-exports from root
+├── <Component>.stories.tsx           # Storybook stories
+├── <Component>.tests.stories.tsx     # Storybook play-tests (only if play tests exist)
+├── root/
+│   ├── <Component>Root.tsx           # Main compound component + sub-component namespace
+│   ├── <Component>Root.context.ts    # Context (if shared across sub-components)
+│   └── <Component>Root.test.ts       # Unit tests for root (if needed)
+├── <subcomponent>/                   # One dir per sub-component
+│   ├── <Component><Subcomponent>.tsx
+│   └── <Component><Subcomponent>.test.ts  # Unit tests for sub-component (if needed)
+├── helpers/
+│   ├── <helper-name>.ts
+│   └── <helper-name>.test.ts         # Unit tests co-located with helper
+└── <Component>.types.ts              # Shared types (if needed across multiple files)
+```
+
+### Naming Rules
+
+| What                   | Pattern                                 | Example                       |
+| ---------------------- | --------------------------------------- | ----------------------------- |
+| Root component file    | `<Component>Root.tsx`                   | `AccordionRoot.tsx`           |
+| Sub-component file     | `<Component><Subcomponent>.tsx`         | `AccordionItem.tsx`           |
+| Internal sub-component | `<Component><Subcomponent>Internal.tsx` | `DialogBackdropInternal.tsx`  |
+| Sub-component dir      | lowercase sub-component name            | `item/`                       |
+| Context file           | `<Component>Root.context.ts`            | `AccordionRoot.context.ts`    |
+| Shared types file      | `<Component>.types.ts`                  | `Accordion.types.ts`          |
+| Stories                | `<Component>.stories.tsx`               | `Accordion.stories.tsx`       |
+| Play-test stories      | `<Component>.tests.stories.tsx`         | `Accordion.tests.stories.tsx` |
+| Unit test file         | `<filename>.test.ts(x)`                 | `useAccordion.test.ts`        |
+| `index.ts`             | always `index.ts`                       | `index.ts`                    |
+
+## Procedure
+
+### 1. Read the Component
+
+Read every file in the component folder:
+
+- `index.ts` — current exports
+- All `.tsx` / `.ts` source files
+- Stories and test stories
+- Note what is currently exported publicly
+- Note: Ignore inconsistensies in file naming and structure — the goal is to fix those, not preserve them. Focus on understanding the component's public API and internal structure.
+
+### 2. Map Files to Target Structure
+
+Build this table before touching any files:
+
+| Old path            | New path                    | Renamed? | Publicly exported? | Importers to update   |
+| ------------------- | --------------------------- | -------- | ------------------ | --------------------- |
+| `DialogTrigger.tsx` | `trigger/DialogTrigger.tsx` | No       | Yes                | `root/DialogRoot.tsx` |
+| ...                 |                             |          |                    |                       |
+
+For each file:
+
+- Determine new path and whether it moves/renames
+- Check whether content needs splitting (e.g. types → `<Component>.types.ts`)
+- List every file that imports it (grep for the filename or exported symbol)
+- Flag circular dep risks: context importing sub-components, helpers importing component files, types importing non-types
+
+Resolve circular deps before proceeding: move shared pieces to a lower-level file (types → `.types.ts`, utilities → `helpers/`).
+
+### 3. Create New Files
+
+For each row in the mapping table where the path changes:
+
+1. Create the file at the new path with all import paths updated to reflect new locations
+2. Update every file in the "Importers to update" column — use the mapping table, don't rely on memory
+3. Do NOT delete old files yet
+
+### 4. Update `index.ts`
+
+The repo uses a mix of default and named exports because `react-docgen-typescript` (used by `scripts/docgen.ts`) has inconsistent pickup depending on export style. Follow the existing pattern in the component's original `index.ts` — do NOT change export style during restructure.
+
+Typical pattern (main component as default re-export, sub-components as named):
+
+```ts
+"use client";
+export {
+  default as <Component>,       // main component — default export from Root file
+  <Component>Trigger,           // sub-components — named exports
+  // ...
+} from "./root/<Component>Root";
+export type {
+  <Component>Props,
+  <Component>TriggerProps,
+  // ...
+} from "./root/<Component>Root";
+```
+
+Some components export everything as named (no `default`). If the original had no default export, keep it that way. If types are in `<Component>.types.ts`, re-export them from there directly or via the root.
+
+### 5. Remove Old Files
+
+Only after verifying new files are correct and `index.ts` exports match the original, delete the old files.
+
+### 6. Validate No Breaking Changes
+
+**Step 1 — Export diff.** Before deleting old files, extract all exported names from the original `index.ts` (recorded in step 1) and compare against the new `index.ts`. Every name must be present:
+
+```bash
+# Exports in new index.ts that are missing from original → regression
+# Exports in original that are missing from new index.ts → missing export (breaking change)
+```
+
+Concretely: grep for `export` lines in both versions and diff them. All component names and type names must match exactly.
+
+**Step 2 — Build.** Run `yarn workspace @navikt/ds-react build` — must succeed with no TypeScript errors.
+
+**Step 3 — Package root.** Verify `@navikt/core/react/src/index.ts` still re-exports the component. No changes needed there unless the component's `index.ts` path changed (it shouldn't).
+
+### 7. Update Stories
+
+Move stories to component root dir. If stories import from internal paths, update those paths.
+
+**Exception:** A `stories/` subdirectory is acceptable if it already exists — do not flatten it.
+
+## Unit Tests
+
+Unit tests live next to the file they test — same directory, same base name with `.test.ts` / `.test.tsx` suffix.
+
+| What to test           | File location                                       |
+| ---------------------- | --------------------------------------------------- |
+| Helper utility         | `helpers/<helper-name>.test.ts`                     |
+| Sub-component logic    | `<subcomponent>/<Component><Subcomponent>.test.tsx` |
+| Root component / hooks | `root/<Component>Root.test.tsx`                     |
+| Context helpers        | `root/<Component>Root.context.test.ts`              |
+
+Do NOT move existing test files unless their source file moves. When moving a source file, move its test file with it and update import paths.
+
+## Edge Cases
+
+### Flat components
+
+Leave flat components flat — do NOT introduce subdirs unless the component contains internal utility-components (files that render JSX but are not public sub-components). If such a utility-component exists, move it to its own subdir following the canonical naming.
+
+Example: `button/Button.tsx` has no other sub-components, so should stay in root.
+
+```
+
+### `parts/` directory
+
+If the component uses a `parts/` dir instead of `root/`, rename it to `root/` during restructure. Update all relative imports.
+
+### Public hooks
+
+Hooks that are part of the public API (e.g. `useTabs`, `useFormField`) live in `root/` alongside the root component:
+
+```
+
+root/
+├── <Component>Root.tsx
+├── <Component>Root.context.ts
+└── use<Hook>.ts # public hook
+
+````
+
+Export from `index.ts` the same way as components:
+
+```ts
+export { use<Hook> } from "./root/use<Hook>";
+export type { Use<Hook>Return } from "./root/use<Hook>";
+````
+
+### Internal sub-components
+
+Sub-components that are implementation details (not exported publicly) follow the same dir convention as public ones, but the filename gets an `Internal` suffix:
+
+```
+backdrop/
+└── DialogBackdropInternal.tsx   ← internal, NOT exported from index.ts
+```
+
+- **Dir name**: same pattern as public sub-components
+- **File name**: `<Component><Subcomponent>Internal.tsx`
+- **`index.ts`**: do NOT export it
+
+### Nested subcomponents
+
+Do NOT nest subcomponent dirs inside other subcomponent dirs. All sub-component dirs must be direct children of the component root:
+
+```
+# Wrong
+checkbox/
+└── input/
+    └── CheckboxInput.tsx
+
+# Correct
+checkbox/
+└── checkbox-input/
+    └── CheckboxInput.tsx
+```
+
+## Constraints
+
+- **No breaking changes.** Public export names and prop shapes must be identical after restructuring.
+- **React 17 compatible.** No React 18/19-only APIs. Import React explicitly in `.tsx` files.
+- `index.ts` must start with `"use client"`.
+- Use tokens, not hardcoded values.
+- Preserve `forwardRef`, `className`, `...rest`, `as`/`OverridableComponent` patterns.
+- Keep JSDoc on public props and components.
+
+## Reference Files
+
+- Canonical example: `@navikt/core/react/src/dialog/`
+- Package public API: `@navikt/core/react/src/index.ts`
+- Component `index.ts` pattern: `@navikt/core/react/src/dialog/index.ts`
+- Context pattern: `@navikt/core/react/src/dialog/root/DialogRoot.context.ts`

.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
 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.60.0-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
 
 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.60.0-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
 
 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 }}

.gitignore

@@ -98,7 +98,6 @@ examples/webpack/out
 .iml
 .DS_Store
 
-*.d.ts
 *-exports.less
 */figma-api/icons
 */ds-icons/png
@@ -136,7 +135,6 @@ _docs.json
 .next
 !*/website/lib/
 !*/website/public/
-!aksel.nav.no/**/*.d.ts
 !*/sanity/lib/
 !*/sanity/static/
 out

.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,18 @@
-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-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 +20,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 +48,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 +90,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 +123,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 +135,4 @@ export default {
       defaultTheme: "light",
     }),
   ],
-} satisfies Preview;
+});

.storybook/vitest.setup.ts

@@ -1,7 +0,0 @@
-import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
-import { setProjectAnnotations } from "@storybook/react-vite";
-import * as projectAnnotations from "./preview";
-
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);

.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,85 @@
 # @navikt/aksel-icons
 
+## 8.11.1
+
+## 8.11.0
+
+### Minor Changes
+
+- Icons: New icon `Newsletter` and `NewsletterFill` ([#4887](https://github.com/navikt/aksel/pull/4887))
+
+## 8.10.6
+
+## 8.10.5
+
+## 8.10.4
+
+## 8.10.3
+
+## 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/__tests__/validate-svg-parsing.test.ts

@@ -28,7 +28,7 @@ describe(`SVG should be correctly parsed`, () => {
   </svg>
   `;
 
-  test("a", () => {
+  test("should replace width and height with 1em, and fill with currentColor", () => {
     expect(parseIcon(simpleSvg)).toEqual(simpleSvgResult);
     expect(parseIcon(advancedSvg)).toEqual(advancedSvgResult);
   });

@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

@@ -42,10 +42,9 @@ fs.writeFileSync(
     id: string;
     name: string;
     category: string;
-    sub_category: "Time",
+    sub_category: string;
     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/.gitignore

@@ -22,5 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-!src
-!*.d.ts
+!src

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

@@ -13,23 +13,20 @@
   "dependencies": {
     "@navikt/ds-css": "*",
     "@navikt/ds-react": "*",
-    "fuse.js": "^7.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "fuse.js": "^7.3.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
   },
   "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",
-    "@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",
+    "@types/node": "^24.10.9",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "typescript": "6.0.3",
+    "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.svg

@@ -1,3 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.4695 11.0304C16.7624 11.3233 17.2371 11.3233 17.53 11.0304L21.03 7.53042C21.1707 7.38977 21.2498 7.19906 21.2498 7.00015C21.2498 6.80124 21.1707 6.61053 21.03 6.46988L17.53 2.96988C17.2371 2.67698 16.7624 2.67698 16.4695 2.96988C16.1766 3.26277 16.1766 3.73753 16.4695 4.03042L18.6892 6.25015L9.49976 6.25015C9.08555 6.25015 8.74976 6.58593 8.74976 7.00015C8.74976 7.41436 9.08555 7.75015 9.49976 7.75015L18.6892 7.75015L16.4695 9.96988C16.1766 10.2628 16.1766 10.7375 16.4695 11.0304ZM6.46949 21.0304C6.76238 21.3233 7.23714 21.3233 7.53003 21.0304C7.82293 20.7375 7.82293 20.2628 7.53003 19.9699L5.31031 17.7501H14.4998C14.914 17.7501 15.2498 17.4144 15.2498 17.0001C15.2498 16.5859 14.914 16.2501 14.4998 16.2501H5.31031L7.53003 14.0304C7.82293 13.7375 7.82293 13.2628 7.53003 12.9699C7.23714 12.677 6.76238 12.677 6.46949 12.9699L2.96949 16.4699C2.67659 16.7628 2.67659 17.2375 2.96949 17.5304L6.46949 21.0304Z" fill="#202733"/>
+<path d="M16.4695 11.0302C16.7624 11.3231 17.2372 11.3231 17.5301 11.0302L21.0301 7.53018C21.1707 7.38953 21.2498 7.19882 21.2498 6.9999C21.2498 6.80099 21.1707 6.61028 21.0301 6.46963L17.5301 2.96963C17.2372 2.67674 16.7624 2.67674 16.4695 2.96963C16.1766 3.26252 16.1766 3.73728 16.4695 4.03018L18.6892 6.2499H9.49979C9.08558 6.2499 8.74979 6.58569 8.74979 6.9999C8.74979 7.41412 9.08558 7.7499 9.49979 7.7499H18.6892L16.4695 9.96963C16.1766 10.2625 16.1766 10.7373 16.4695 11.0302Z" fill="#202733"/>
+<path d="M6.46952 21.0302C6.76241 21.3231 7.23717 21.3231 7.53006 21.0302C7.82296 20.7373 7.82296 20.2625 7.53006 19.9696L5.31034 17.7499H14.4998C14.914 17.7499 15.2498 17.4141 15.2498 16.9999C15.2498 16.5857 14.914 16.2499 14.4998 16.2499H5.31034L7.53006 14.0302C7.82296 13.7373 7.82296 13.2625 7.53006 12.9696C7.23717 12.6767 6.76241 12.6767 6.46952 12.9696L2.96952 16.4696C2.67662 16.7625 2.67662 17.2373 2.96952 17.5302L6.46952 21.0302Z" fill="#202733"/>
 </svg>

@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.svg

@@ -1,3 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4697 21.0303C16.7626 21.3232 17.2374 21.3232 17.5303 21.0303L21.0303 17.5303C21.3232 17.2374 21.3232 16.7626 21.0303 16.4697C20.7374 16.1768 20.2626 16.1768 19.9697 16.4697L17.75 18.6893L17.75 9.5C17.75 9.08579 17.4142 8.75 17 8.75C16.5858 8.75 16.25 9.08579 16.25 9.5L16.25 18.6893L14.0303 16.4697C13.7374 16.1768 13.2626 16.1768 12.9697 16.4697C12.6768 16.7626 12.6768 17.2374 12.9697 17.5303L16.4697 21.0303ZM4.03033 7.53033L6.25 5.31066L6.25 14.5C6.25 14.9142 6.58579 15.25 7 15.25C7.41421 15.25 7.75 14.9142 7.75 14.5L7.75 5.31066L9.96967 7.53033C10.2626 7.82322 10.7374 7.82322 11.0303 7.53033C11.3232 7.23744 11.3232 6.76256 11.0303 6.46967L7.53033 2.96967C7.23744 2.67678 6.76256 2.67678 6.46967 2.96967L2.96967 6.46967C2.67678 6.76256 2.67678 7.23744 2.96967 7.53033C3.26256 7.82322 3.73744 7.82322 4.03033 7.53033Z" fill="#202733"/>
+<path d="M7 15.25C7.41422 15.25 7.75 14.9142 7.75 14.5V5.31055L9.96973 7.53028C10.2626 7.82317 10.7374 7.82317 11.0303 7.53028C11.3232 7.23738 11.3232 6.76262 11.0303 6.46973L7.53028 2.96973C7.23738 2.67684 6.76262 2.67684 6.46973 2.96973L2.96973 6.46973C2.67684 6.76262 2.67684 7.23738 2.96973 7.53028C3.26262 7.82317 3.73738 7.82317 4.03028 7.53028L6.25 5.31055V14.5C6.25 14.9142 6.58579 15.25 7 15.25Z" fill="#202733"/>
+<path d="M16.4697 21.0303C16.7626 21.3232 17.2374 21.3232 17.5303 21.0303L21.0303 17.5303C21.3232 17.2374 21.3232 16.7626 21.0303 16.4697C20.7374 16.1768 20.2626 16.1768 19.9697 16.4697L17.75 18.6895V9.5C17.75 9.08579 17.4142 8.75 17 8.75C16.5858 8.75 16.25 9.08579 16.25 9.5V18.6895L14.0303 16.4697C13.7374 16.1768 13.2626 16.1768 12.9697 16.4697C12.6768 16.7626 12.6768 17.2374 12.9697 17.5303L16.4697 21.0303Z" fill="#202733"/>
 </svg>

@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