🎉 Auto-generate github-releases based on changeset release (#3964)

* 🎉 Auto-generate github-releases based on changeset release

* Update scripts/git-release.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update scripts/git-release.ts

Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>

* Update scripts/git-release.ts

Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>

* 🔥 Removed redundant prefixing of tag

* ♻️ Replace execSync with spawnSync

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>

.changeset/README.md

@@ -1,31 +1,35 @@
 # Changesets
 
-For versjonering bruker vi løsningen [Changesets](https://github.com/changesets/changesets) for [versjonering](https://semver.org/) og publisering av pakker.
+Vi bruker [Changesets](https://github.com/changesets/changesets) for [versjonering](https://semver.org/) og publisering av pakker.
 
-## Howto
+## Lage ny versjon
 
-- For å lage en ny versjons-entry: `yarn changeset`
-- Velg pakkene som skal versjoneres med `arrowkeys` + `Space`
+1. `yarn changeset`
+2. Svar på spørsmålene som kommer opp:
 
 `🦋 Which packages would you like to include?`
 
-Trykk `Space` for å velge pakkene som skal versjoneres, for så trykke `Enter` for å gå videre.
+Trykk `Space` for å velge pakkene som skal versjoneres, trykk så `Enter` for å gå videre.
 
 `🦋 Which packages should have a major bump?`
 
-Trykk `Enter` for å gå videre _*eller*_ velg pakkene som skal marjor-bumpes med `arrowkeys` + `Space`
+Trykk `Enter` for å gå videre _eller_ velg pakkene som skal marjor-bumpes med `arrowkeys` + `Space`.
 
 `🦋 Which packages should have a minor bump?`
 
-Trykk `Enter` for å gå videre _*eller*_ velg pakkene som skal marjor-bumpes med `arrowkeys` + `Space`
+Trykk `Enter` for å gå videre _eller_ velg pakkene som skal minor-bumpes med `arrowkeys` + `Space`.
 
-Hvis du ikke velger major eller minor, så blir pakkene få en patch-bump
+Hvis du ikke velger major eller minor, så vil pakkene få en patch-bump.
 
-- Commit og push.
+`Please enter a summary for this change`
+
+Skriv inn en kort beskrivelse av endringen på formatet `<Komponent>: <gitmoji?> <Beskrivelse>`, f.eks. "Button: ✨ Add feature xyz".
+
+3. Commit og push.
 
 ## Fixed versjonering
 
-Alle base-pakkene våre har `fixed versjonering`. Dette tilsier at en bump på en av disse vil bumpe alle til samme versjon
+Alle base-pakkene våre har `fixed versjonering`. Dette betyr at en bump på en av disse vil bumpe alle til samme versjon
 
 ```sh
   "@navikt/ds-react",

.changeset/config.json

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

.changeset/olive-dodos-stand.md

@@ -0,0 +1,5 @@
+---
+"@navikt/aksel-icons": patch
+---
+
+Icons: ChatAdd did not have 'currentColor' on parts of shape.

.changeset/true-nails-follow.md

@@ -0,0 +1,6 @@
+---
+"@navikt/ds-tokens": minor
+"@navikt/ds-react": minor
+---
+
+Darkside: Using 'Theme' to set current color-theme now works when root-node does not set light or dark class.

.eslintrc.js

@@ -1,161 +0,0 @@
-// TODO: Convert to new format: https://eslint.org/docs/latest/use/configure/migration-guide
-module.exports = {
-  env: {
-    browser: true,
-    es6: true,
-    node: true,
-  },
-  extends: [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    //"plugin:react/jsx-runtime", // Not sure if this will cause problems for projects not using the new JSX transform
-    "plugin:react-hooks/recommended",
-    "plugin:jsx-a11y/recommended",
-    "plugin:import/recommended",
-    "plugin:import/typescript",
-    "plugin:storybook/recommended",
-    // TODO: Look into opinionated stylistic plugin
-    // TODO: Replace @typescript-eslint/recommended with @typescript-eslint/recommended-type-checked
-  ],
-  settings: { react: { version: "detect" } },
-  rules: {
-    "import/no-unresolved": "off",
-    "react/jsx-curly-brace-presence": [
-      "error",
-      { propElementValues: "always" },
-    ],
-    "array-callback-return": "error",
-    "object-shorthand": "error",
-    // TODO: Consider adding the rule "id-length"
-    // Temporary:
-    "react/prop-types": "off",
-    "react/display-name": "off",
-    "import/no-named-as-default": "off",
-    // "import/no-cycle": [1],
-    "no-else-return": "error",
-    "no-console": [
-      "warn",
-      {
-        allow: [
-          "info",
-          "warn",
-          "error",
-          "group",
-          "groupEnd",
-          "table",
-          "assert",
-          "countReset",
-          "count",
-          "dir",
-          "time",
-          "timeEnd",
-          "timeStamp",
-        ],
-      },
-    ],
-  },
-  reportUnusedDisableDirectives: true,
-  overrides: [
-    {
-      files: ["**/*.stories.ts?(x)"],
-      rules: {
-        "no-console": "off",
-      },
-    },
-    {
-      files: ["**/*.ts?(x)"],
-      extends: ["plugin:@typescript-eslint/recommended"],
-      rules: {
-        "@typescript-eslint/no-shadow": ["error", { hoist: "all" }], // TODO: Consider { builtinGlobals: true }
-        "@typescript-eslint/no-explicit-any": "off", // Temporary
-        "@typescript-eslint/array-type": "error",
-      },
-    },
-    {
-      files: ["**/*.test.*", "**/__tests__/*"],
-      plugins: ["@vitest"],
-      extends: [
-        "plugin:@vitest/legacy-recommended",
-        "plugin:testing-library/react",
-      ],
-    },
-
-    {
-      files: ["aksel.nav.no/website/**"],
-      env: {
-        browser: true,
-        es2021: true,
-      },
-      extends: ["plugin:@next/next/recommended"],
-      parser: "@typescript-eslint/parser",
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true,
-        },
-        ecmaVersion: 12,
-        sourceType: "module",
-      },
-      rules: {
-        "react/no-unknown-property": [2, { ignore: ["jsx", "global"] }],
-        "react/react-in-jsx-scope": "off",
-        "@next/next/no-html-link-for-pages": [
-          "error",
-          "aksel.nav.no/website/pages/",
-        ],
-      },
-    },
-    {
-      files: ["aksel.nav.no/website/pages/eksempler/**"],
-      rules: {
-        "jsx-a11y/anchor-is-valid": "off",
-      },
-    },
-    {
-      files: [
-        "aksel.nav.no/website/pages/eksempler/**/*.tsx",
-        "aksel.nav.no/website/pages/templates/**/*.tsx",
-      ],
-      plugins: ["aksel-local"],
-      rules: {
-        "aksel-local/comment-check": ["error"],
-      },
-    },
-    {
-      files: ["**/examples/__parts*/*.tsx"],
-      plugins: ["aksel-local"],
-      rules: {
-        "aksel-local/import-check": ["error"], // Only allow imports from @navikt and react
-      },
-    },
-    {
-      files: ["**/examples/__parts-inline/*.tsx"],
-      rules: {
-        "arrow-body-style": ["error", "never"],
-        "func-style": ["error", "expression"],
-        "import/no-named-export": "error",
-      },
-    },
-    {
-      files: ["examples/**"],
-      rules: {
-        "react/react-in-jsx-scope": "off",
-      },
-    },
-  ],
-  globals: {
-    Locale: "readonly",
-    JSX: "readonly",
-  },
-  ignorePatterns: [
-    "node_modules",
-    "lib",
-    "public",
-    "esm",
-    "cjs",
-    "dist",
-    "**/codemod/**/*.js",
-    "!.storybook",
-    "**/playwright-report/**",
-    "**/tokens/**/plugin.js",
-  ],
-};

.github/ISSUE_TEMPLATE/token-missing.md

@@ -0,0 +1,9 @@
+---
+name: Bug Report
+about: Meld inn bugs eller feil
+title: "[BUG]"
+labels: "bug \U0001F41B"
+assignees: ""
+---
+
+## Hva forventet du å finne for dette søket?

.github/PULL_REQUEST_TEMPLATE.md

@@ -6,7 +6,7 @@
 
 - [ ] JSDoc
 - [ ] Examples
-- [ ] Documentation
+- [ ] Documentation / Decision Records
 - [ ] Storybook
 - [ ] Style mappings (`@navikt/core/css/config/_mappings.js`)
 - [ ] Component tokens (`@navikt/core/css/tokens.json`)

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

@@ -0,0 +1,66 @@
+name: "Build website"
+description: "Builds Nextjs-website and published CDN-asssets to GCP if needed"
+inputs:
+  use_cdn_assets:
+    description: "Use CDN assets, and upload build to GCP"
+    required: true
+  npm_auth_token:
+    description: "NPM Auth Token"
+    required: true
+  nais_id_provider:
+    description: "NAIS_WORKLOAD_IDENTITY_PROVIDER token"
+    required: true
+  nais_project_id:
+    description: "NAIS_MANAGEMENT_PROJECT_ID token"
+    required: true
+  sanity_read_token:
+    description: "Sanity read-only token allowing published and un-published documents"
+    required: true
+  sanity_read_no_drafts_token:
+    description: "Sanity read-only token allowing only published documents"
+    required: true
+  production:
+    description: "Toggle to differentiate production build (inject stuff based on this)"
+    default: false
+    required: false
+
+runs:
+  using: "composite"
+  steps:
+    - name: Setup project
+      uses: ./.github/actions/setup
+      with:
+        npm_auth_token: ${{ inputs.npm_auth_token }}
+
+    - name: Run website tests
+      run: yarn workspace website test
+      shell: bash
+
+    - name: Make Next.js app use CDN assets
+      if: ${{ inputs.use_cdn_assets == 'true' }}
+      run: |
+        echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
+      shell: bash
+
+    - name: Set production env var
+      if: ${{ inputs.production == 'true' }}
+      run: |
+        echo "PRODUCTION=true" >> aksel.nav.no/website/.env
+      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 }}
+      shell: bash
+
+    - name: Upload static files to Nav CDN
+      if: ${{ inputs.use_cdn_assets == 'true' }}
+      uses: nais/deploy/actions/cdn-upload/v2@master
+      with:
+        team: designsystem
+        source: ./aksel.nav.no/website/.next/static
+        destination: "/website/_next"
+        project_id: ${{ inputs.nais_project_id }}
+        identity_provider: ${{ inputs.nais_id_provider }}

.github/actions/setup/action.yml

@@ -0,0 +1,26 @@
+name: "Setup Project"
+description: "Checks out repo, sets up Node, installs dependencies and runs boot command."
+inputs:
+  npm_auth_token:
+    description: "NPM Auth Token"
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+        cache: yarn
+        cache-dependency-path: "**/yarn.lock"
+
+    - name: Install dependencies
+      run: yarn --immutable
+      shell: bash
+      env:
+        NPM_AUTH_TOKEN: ${{ inputs.npm_auth_token }}
+
+    - name: Boot (build packages)
+      run: yarn boot
+      shell: bash

.github/dependabot.yml

@@ -0,0 +1,37 @@
+version: 2
+registries:
+  npm-github:
+    type: npm-registry
+    url: https://npm.pkg.github.com
+    token: ${{ secrets.READER_TOKEN }}
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+    registries:
+      - npm-github
+    groups:
+      sanity:
+        patterns:
+          - "sanity"
+          - "@sanity/vision"
+          - "@sanity/schema"
+      eslint:
+        patterns:
+          - "eslint"
+          - "@eslint/*"
+      react:
+        patterns:
+          - "react"
+          - "react-dom"
+      storybook:
+        patterns:
+          - "*storybook*"
+
+  - package-ecosystem: github-actions
+    directory: "/"
+    schedule:
+      interval: weekly
+    registries:
+      - npm-github

.github/workflows/aksel-dev.yml

@@ -1,4 +1,4 @@
-name: Deploy aksel.dev.nav.no
+name: Deploy aksel.ansatt.dev.nav.no
 on:
   workflow_dispatch:
   push:
@@ -8,51 +8,26 @@ on:
 jobs:
   build_and_deploy:
     name: Build and deploy to dev-gcp
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     permissions:
       packages: "write"
       contents: "read"
       id-token: "write"
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - name: Checkout code
+        uses: actions/checkout@v4
         with:
-          node-version: lts/*
-          cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+          fetch-depth: 1
 
-      - name: add tokens to .env
-        run: |
-          echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
-
-      - name: Hide page from search engines
-        run: |
-          echo "User-agent: *\nDisallow: /" > aksel.nav.no/website/public/robots.txt
-
-      - name: Install dependencies
-        run: yarn
-
-      - name: Create empty .env file (Can be removed when env-file-if-exists is implemented in node v22)
-        run: echo "" > ./aksel.nav.no/website/.env
-
-      - name: Build application
-        env:
-          SANITY_READ: ${{ secrets.SANITY_READ }}
-          SANITY_READ_NO_DRAFTS: ${{ secrets.SANITY_READ_NO_DRAFTS }}
-        run: |
-          yarn boot
-          yarn workspace aksel.nav.no build:next
-
-      - name: Upload static files to NAV CDN
-        uses: nais/deploy/actions/cdn-upload/v2@master
+      - name: Setup and build Next.js application
+        uses: ./.github/actions/build-website
         with:
-          team: designsystem
-          source: ./aksel.nav.no/website/.next/static
-          destination: "/website/_next"
-          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
-          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          use_cdn_assets: true
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+          nais_id_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          nais_project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          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

.github/workflows/aksel-prod.yml

@@ -16,24 +16,13 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      - uses: actions/setup-node@v4
+      - name: Setup project
+        uses: ./.github/actions/setup
         with:
-          node-version: lts/*
-          cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
 
-      - name: Install dependencies
-        run: yarn
-
-      - name: Run docgen
-        run: |
-          yarn boot
-          yarn docgen
-
-      - name: Create empty .env file (Can be removed when env-file-if-exists is implemented in node v22)
-        run: echo "" > ./aksel.nav.no/website/.env
+      - name: Run ts-docgen
+        run: yarn docgen
 
       - name: Update sanity sync
         env:
@@ -48,46 +37,21 @@ jobs:
       contents: "read"
       id-token: "write"
     steps:
-      - uses: actions/checkout@v4
-
-      - uses: actions/setup-node@v4
+      - name: Checkout code
+        uses: actions/checkout@v4
         with:
-          node-version: lts/*
-          cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+          fetch-depth: 1
 
-      - name: add tokens to .env
-        run: |
-          echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
-
-      - name: Install dependencies
-        run: yarn
-
-      - name: Build packages
-        run: yarn boot
-
-      - name: Tests
-        run: yarn workspace website test
-
-      - name: Create empty .env file (Can be removed when env-file-if-exists is implemented in node v22)
-        run: echo "" > ./aksel.nav.no/website/.env
-
-      - name: Build application
-        env:
-          SANITY_READ: ${{ secrets.SANITY_READ }}
-          SANITY_READ_NO_DRAFTS: ${{ secrets.SANITY_READ_NO_DRAFTS }}
-        run: yarn workspace aksel.nav.no build:next
-
-      - name: Upload static files to NAV CDN
-        uses: nais/deploy/actions/cdn-upload/v2@master
+      - name: Setup and build Next.js application
+        uses: ./.github/actions/build-website
         with:
-          team: designsystem
-          source: ./aksel.nav.no/website/.next/static
-          destination: "/website/_next"
-          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
-          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          use_cdn_assets: true
+          production: true
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+          nais_id_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          nais_project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          sanity_read_token: ${{ secrets.SANITY_READ }}
+          sanity_read_no_drafts_token: ${{ secrets.SANITY_READ_NO_DRAFTS }}
 
       - name: Get complete tag
         run: echo "TAG=PROD-$( date +%s )" >> $GITHUB_ENV

.github/workflows/aksel-redeploy.yml

@@ -1,42 +0,0 @@
-name: Redeploy image for aksel.nav.no
-on:
-  workflow_dispatch:
-    inputs:
-      tag:
-        description: "Docker image tag"
-        required: true
-        default: ""
-      dry:
-        description: "Dry-run"
-        required: true
-        default: "false"
-
-env:
-  IMAGE: ghcr.io/navikt/aksel
-
-jobs:
-  redeploy:
-    name: Redeploy image
-    runs-on: ubuntu-20.04
-    steps:
-      - uses: actions/setup-node@v4
-        with:
-          node-version: lts/*
-          cache: yarn
-      - uses: actions/checkout@v4
-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-      - name: Create docker image tag
-        run: echo "DOCKER_TAG=${{ env.IMAGE }}:${{ github.event.inputs.tag }}" >> $GITHUB_ENV
-      - name: Deploy to prod-gcp
-        uses: nais/deploy/actions/deploy@master
-        env:
-          APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
-          RESOURCE: aksel.nav.no/nais-prod.yaml
-          CLUSTER: prod-gcp
-          IMAGE: ${{ env.DOCKER_TAG }}
-          DRY_RUN: ${{ github.event.inputs.dry }}

.github/workflows/backup-sanity.yml

@@ -16,20 +16,18 @@ jobs:
         with:
           node-version: lts/*
           cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+          cache-dependency-path: "**/yarn.lock"
 
       - name: Install dependencies
         run: cd aksel.nav.no/website && yarn
-
-      - name: Create empty .env file (Can be removed when env-file-if-exists is implemented in node v22)
-        run: echo "" > ./aksel.nav.no/website/.env
+        env:
+          NPM_AUTH_TOKEN: ${{ secrets.READER_TOKEN }}
 
       - name: Export dataset
+        run: cd aksel.nav.no/website && yarn backup
         env:
           SANITY_READ: ${{ secrets.SANITY_READ }}
-        run: cd aksel.nav.no/website && yarn backup
+
       - name: Upload GCP bucket
         uses: "google-github-actions/auth@v2"
         with:

.github/workflows/chromatic.yml

@@ -18,68 +18,49 @@ concurrency:
 
 jobs:
   chromatic:
-    if: ${{ !contains(github.event.pull_request.labels.*.name, 'ignore-chromatic') }}
     runs-on: ubuntu-latest
     permissions:
       issues: write
       pull-requests: write
       contents: write
     steps:
-      - uses: actions/checkout@v4
+      - name: Checkout code
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - uses: actions/setup-node@v4
+      - name: Setup project
+        uses: ./.github/actions/setup
         with:
-          node-version: lts/*
-          cache: yarn
-
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
-
-      - name: Install dependencies
-        run: yarn
-
-      - name: Build packages
-        run: yarn boot
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
 
       - name: Chromatic
         uses: chromaui/action@latest
         id: chromatic_tests
-        continue-on-error: true
+        continue-on-error: false
         with:
           autoAcceptChanges: "main"
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          exitZeroOnChanges: false
+          exitZeroOnChanges: true
           buildScriptName: "build:storybook-chromatic"
           onlyChanged: true
           untraced: "**/package.json|yarn.lock|**/*.md"
-          externals: \@navikt/core/css/**/*.css
+          externals: "**/core/css/*.css|**/core/css/baseline/*.css|**/core/css/form/*.css|**/core/css/primitives/*.css"
           traceChanged: true
         env:
           STORYBOOK_GITHUB_SHA: ${{ github.sha }}
 
-      - name: replace storybook url
-        if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: frabert/replace-string-action@v2
-        id: storybook_url
-        with:
-          pattern: "(iframe.html)"
-          string: ${{ steps.chromatic_tests.outputs.storybookUrl }}
-          replace-with: ""
-
       - name: Get commit sha
-        if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
+        if: github.event_name != 'push' && !contains(github.event.head_commit.message, '[ci skip]')
         id: vars
         shell: bash
         run: |
           echo "::set-output name=sha_short::$(git rev-parse --short HEAD)"
 
       - name: Find Comment
-        if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: peter-evans/find-comment@v2
+        if: github.event_name != 'push' && !contains(github.event.head_commit.message, '[ci skip]')
+        uses: peter-evans/find-comment@v3
         id: fc
         with:
           issue-number: ${{ github.event.pull_request.number }}
@@ -87,27 +68,17 @@ jobs:
           body-includes: Storybook demo
 
       - name: Create or update comment
-        if: steps.chromatic_tests.outcome == 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
-        uses: peter-evans/create-or-update-comment@v3
+        if: github.event_name != 'push' && !contains(github.event.head_commit.message, '[ci skip]')
+        uses: peter-evans/create-or-update-comment@v4
         with:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
           body: |
-            ## [Storybook demo](${{steps.storybook_url.outputs.replaced}})
+            ## [Storybook demo](${{steps.chromatic_tests.outputs.storybookUrl}}) / [Chromatic](${{steps.chromatic_tests.outputs.url}})
 
-            [${{ steps.vars.outputs.sha_short }}](https://github.com/navikt/aksel/commit/${{ steps.vars.outputs.sha_short }}) | ${{steps.chromatic_tests.outputs.componentCount}} komponenter | ${{steps.chromatic_tests.outputs.specCount}} stories
-          edit-mode: replace
+            ${{ steps.chromatic_tests.outputs.changeCount > 0 && format('### 📝 Changes to review: {0}', steps.chromatic_tests.outputs.changeCount) || '' }}
+            ${{ steps.chromatic_tests.outputs.errorCount > 0 && format('### ❌ Stories with errors: {0}', steps.chromatic_tests.outputs.errorCount) || '' }}
+            ${{ steps.chromatic_tests.outputs.interactionTestFailuresCount > 0 && format('### ❌ Failed interaction tests: {0}', steps.chromatic_tests.outputs.interactionTestFailuresCount) || '' }}
 
-      - name: Create or update failed comment
-        if: steps.chromatic_tests.outcome != 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
-        uses: peter-evans/create-or-update-comment@v3
-        with:
-          comment-id: ${{ steps.fc.outputs.comment-id }}
-          issue-number: ${{ github.event.pull_request.number }}
-          body: |
-            ## [Storybook demo](${{steps.storybook_url.outputs.replaced}})
-
-            ### [Endringer til review](${{steps.chromatic_tests.outputs.url}}): ${{steps.chromatic_tests.outputs.changeCount}}
-
-            [${{ steps.vars.outputs.sha_short }}](https://github.com/navikt/aksel/commit/${{ steps.vars.outputs.sha_short }}) | ${{steps.chromatic_tests.outputs.componentCount}} komponenter | ${{steps.chromatic_tests.outputs.specCount}} stories
+            [${{ steps.vars.outputs.sha_short }}](https://github.com/navikt/aksel/commit/${{ steps.vars.outputs.sha_short }}) | ${{steps.chromatic_tests.outputs.componentCount}} components | ${{steps.chromatic_tests.outputs.specCount}} stories
           edit-mode: replace

.github/workflows/ci.yml

@@ -9,36 +9,53 @@ on:
   workflow_dispatch:
 
 jobs:
-  build:
-    name: "Validate build"
-    if: "!contains(github.event.head_commit.message, '[ci skip]')"
+  lint:
+    name: "Linter: eslint, stylelint"
     runs-on: ubuntu-latest
-    permissions:
-      pull-requests: "write"
     steps:
-      - uses: actions/checkout@v4
+      - name: Checkout code
+        uses: actions/checkout@v4
         with:
-          fetch-depth: 0
+          fetch-depth: 1
 
-      - uses: actions/setup-node@v4
+      - name: Setup project
+        uses: ./.github/actions/setup
         with:
-          node-version: lts/*
-          cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
-
-      - name: Install dependencies
-        run: yarn
-
-      - name: Boot (build packages)
-        run: yarn boot
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
 
       - name: Lint
         run: yarn lint
 
+  validate-examples:
+    name: "Validate Aksel.nav.no component examples"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+
       - name: Validate example code
         run: yarn validate:eksempler
 
+  test:
+    name: "Unit tests"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+
       - name: Test
         run: yarn test

.github/workflows/e2e-optimized.yml

@@ -0,0 +1,39 @@
+name: E2E / Playwright Tests
+on:
+  push:
+    branches: [main, next]
+    paths:
+      - "aksel.nav.no/**"
+  pull_request:
+    branches: [main, next]
+    paths:
+      - "aksel.nav.no/**"
+
+jobs:
+  playwright:
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.48.1-jammy
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Setup and build Next.js application
+        uses: ./.github/actions/build-website
+        with:
+          use_cdn_assets: false
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
+          nais_id_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          nais_project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          sanity_read_token: ${{ secrets.SANITY_READ }}
+          sanity_read_no_drafts_token: ${{ secrets.SANITY_READ_NO_DRAFTS }}
+
+      - name: Run Playwright tests
+        env:
+          SANITY_READ: ${{ secrets.SANITY_READ }}
+          SANITY_READ_NO_DRAFTS: ${{ secrets.SANITY_READ_NO_DRAFTS }}
+
+        run: yarn workspace website e2e:ci-full

.github/workflows/e2e.yml

@@ -1,53 +0,0 @@
-name: E2E / Playwright Tests
-on:
-  push:
-    branches: [main, next]
-    paths:
-      - "aksel.nav.no/**"
-  pull_request:
-    branches: [main, next]
-    paths:
-      - "aksel.nav.no/**"
-
-jobs:
-  playwright:
-    runs-on: ubuntu-latest
-    container:
-      image: mcr.microsoft.com/playwright:v1.35.1-jammy
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: lts/*
-          cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
-
-      - name: Install dependencies
-        run: yarn
-
-      - name: Build packages
-        run: |
-          yarn boot
-
-      - name: Create empty .env file (Can be removed when env-file-if-exists is implemented in node v22)
-        run: echo "" > ./aksel.nav.no/website/.env
-
-      - name: Build application
-        env:
-          SANITY_READ: ${{ secrets.SANITY_READ }}
-          SANITY_READ_NO_DRAFTS: ${{ secrets.SANITY_READ_NO_DRAFTS }}
-        run: yarn workspace aksel.nav.no build:next
-
-      - name: Run Playwright tests
-        env:
-          SANITY_READ: ${{ secrets.SANITY_READ }}
-          SANITY_READ_NO_DRAFTS: ${{ secrets.SANITY_READ_NO_DRAFTS }}
-        run: yarn workspace website e2e:ci-full
-      - uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: playwright-report
-          path: aksel.nav.no/website/playwright-report/
-          retention-days: 10

.github/workflows/figma-config.yml

@@ -25,12 +25,12 @@ jobs:
         with:
           node-version: lts/*
           cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+          cache-dependency-path: "**/yarn.lock"
 
       - name: Install dependencies
         run: yarn
+        env:
+          NPM_AUTH_TOKEN: ${{ secrets.READER_TOKEN }}
 
       - name: Build tokens
         run: yarn workspace @navikt/ds-tokens build

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

@@ -15,16 +15,16 @@ jobs:
       id-token: "write"
 
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - name: Checkout code
+        uses: actions/checkout@v4
         with:
-          node-version: lts/*
-          cache: yarn
+          fetch-depth: 1
+
+      - name: Setup project
+        uses: ./.github/actions/setup
+        with:
+          npm_auth_token: ${{ secrets.READER_TOKEN }}
 
-      - run: yarn install
-        env:
-          NPM_AUTH_TOKEN: ${{ secrets.READER_TOKEN }}
-      - run: yarn boot
       - run: cd ./examples/referansesider && yarn && yarn build
       - uses: nais/deploy/actions/spa-deploy/v2@master
         with:
@@ -35,3 +35,4 @@ jobs:
           environment: dev
           project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
           identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          cache_invalidation: true

.github/workflows/release.yml

@@ -30,16 +30,16 @@ jobs:
         with:
           node-version: lts/*
           cache: yarn
-      - name: set-env for yarn install to @navikt scope
-        shell: bash
-        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+          cache-dependency-path: "**/yarn.lock"
 
-      - uses: denoland/setup-deno@v1
+      - uses: denoland/setup-deno@v2
         with:
           deno-version: v1.x
 
       - name: Install dependencies
         run: yarn
+        env:
+          NPM_AUTH_TOKEN: ${{ secrets.READER_TOKEN }}
 
       - name: Create release Pull Request or publish to NPM
         id: changesets
@@ -78,7 +78,7 @@ jobs:
         if: steps.changesets.outputs.published == 'true'
         run: yarn zip:icons
 
-      - name: Upload updated icon.zip to NAV CDN
+      - name: Upload updated icon.zip to Nav CDN
         if: steps.changesets.outputs.published == 'true'
         uses: nais/deploy/actions/cdn-upload/v2@master
         with:
@@ -94,7 +94,7 @@ jobs:
           echo "version=$VERSION" >> $GITHUB_ENV
           echo "Version of @navikt/ds-css: ${{ env.version }}"
 
-      - name: Upload CSS to NAV CDN
+      - name: Upload CSS to Nav CDN
         if: steps.changesets.outputs.published == 'true'
         uses: nais/deploy/actions/cdn-upload/v2@master
         with:

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

@@ -15,13 +15,14 @@ jobs:
         with:
           team: designsystem
           push_image: true
-          dockerfile: scripts/article-views/Dockerfile.update-article-views
+          dockerfile: scripts/deno/article-views/Dockerfile.update-article-views
           project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
           identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+
       - name: start naisjob prod-gcp
         uses: nais/deploy/actions/deploy@master
         env:
           APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
-          RESOURCE: scripts/article-views/nais-update-views-job.yml
+          RESOURCE: scripts/deno/article-views/nais-update-views-job.yml
           CLUSTER: prod-gcp
           IMAGE: ${{ steps.docker-push.outputs.image }}

.gitignore

@@ -76,9 +76,9 @@ yarn-error.log
 
 # Transpiled package files
 packages/**/lib
-*.d.ts
 
 .vscode
+.nvim.lua
 # File created on build in nav-frontend-core
 *-exports.less
 

.husky/post-checkout

@@ -0,0 +1,9 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+CHANGED=`git diff $1 $2 --stat -- yarn.lock | wc -l`
+if [ $CHANGED -gt 0 ];
+then
+    echo
+    echo "*** 🟡 yarn.lock has changed 🟡 ***"
+fi

.husky/post-merge

@@ -0,0 +1,9 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+CHANGED=`git diff HEAD@{1} --stat -- yarn.lock | wc -l`
+if [ $CHANGED -gt 0 ];
+then
+    echo
+    echo "*** 🟡 yarn.lock has changed 🟡 ***"
+fi

.husky/pre-commit

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

.nais/teams.yaml

@@ -0,0 +1,8 @@
+designsystemet:
+  # commits: ""
+  # issues: ""
+  pulls: "#aksel-issues-pr"
+  workflows: "#aksel-issues-pr"
+  releases: "#aksel-github-releases"
+  config:
+    silenceDependabot: "always"

.prettierignore

@@ -1,6 +1,8 @@
 **/nais*.yaml
 **/nais*.yml
 **/codemod/**/tests/**/*.js
+**/@navikt/aksel/**/*.input.*
+**/@navikt/aksel/**/*.output.*
 node_modules
 .next
 dist

.storybook/docs/PilotMigration.mdx

@@ -0,0 +1,111 @@
+import { Markdown, Meta } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/3.Migration" />
+
+# Migration
+
+## Tokens
+
+[See tokens docs here](https://main--66b4b3beb91603ed0ab5c45e.chromatic.com/?path=/docs/docs-become-a-pilot-team-4-tokens--docs).
+
+## CSS
+
+- Most of our CSS is re-written. This includes renaming all `.navds`-classNames to `.aksel`. This will affect most custom overrides targeting `.navds`-classes.
+
+As we strongly recommend avoiding custom
+overrides where possible, we would like to encourage opening an
+issue if you find that you have to override our CSS to achieve
+something! It's these cases we want to know about so that we can fix
+them for everyone.
+
+### Removed component-tokens
+
+All component-spesific tokens are no longer supported. That means all tokens like these from `Button` are removed:
+
+```css
+--ac-button-primary-bg
+--ac-button-primary-text
+--ac-button-primary-hover-bg
+--ac-button-primary-active-bg
+```
+
+All component-based tokens are prefixed with `--ac`, so a global search in your codebase should find all of them.
+
+## Tailwind CSS
+
+Since our Tailwind CSS config is tied to our tokens, most changes made to the tokens will affect the Tailwind CSS config.
+We have decided to prefix all our classes with `ax-` in the new config, so it should be possible to use both packages at the same time. We will develop tooling to hopefuly make the migrations easier in the future.
+
+### Removed classes
+
+z-index, maxWidth and spacing classes are removed from the new config.
+
+## React
+
+We have made some updates to `@navikt/ds-react` that you should be aware of before testing.
+
+### Accordion
+
+#### Props
+
+- `variant` is deprecated and will be removed in the future. We have not implemented it in the new system.
+- `headingSize` is deprecated and will be removed in the future. Accordion-size medium now equals `small` heading, and size small equals `xsmall` heading.
+
+#### Structural changes
+
+`<Accordion.Content/>` now has an extra nested `div` to allow for better animations. Custom CSS might break.
+
+### Datepicker
+
+Weeknumber-button uses our own button-component, and no longer a
+custom button.
+
+### GuidePanel
+
+Component got a complete overhaul. Custom overrides might break.
+
+### Popover, HelpText
+
+`arrow`-prop is removed. All of our floating dialog-elements except for `Tooltip` now comes without arrow.
+If you have custom `offset`-values, you might have to update them to accommodate this.
+
+### Pagination
+
+Button now uses our own button-component and `variant="tertiary-neutral".
+
+### Primitives
+
+Given that these are closely tied to our tokens, you will most
+likely have to update parts of them to test the new system.
+
+All primitives using our current `spacing`-tokens now has
+the new <code>space</code>-tokens. You can use the old tokens while
+testing, but the full release will remove them from the prop-list
+
+<Markdown>
+{`
+\`\`\`diff
+- <HStack gap="4">
++ <HStack gap="space-16">
+\`\`\`
+
+`}
+
+</Markdown>
+
+#### Page
+
+`background`-prop is removed. Now just uses `bg-default`-token.
+
+#### Box
+
+Since `<Box />` is directly tied to our tokens, we
+now offer `<Box.New />` as a temporary altenative. This
+component is based on our new tokens and can use the backgrounds,
+borders, border-radius and shadows from the new system. When the full release comes, we will update `<Box />` to use the new system, and provide tooling to handle this migration.
+
+**All instances of `<Box />` will break when using the new system if:**
+
+- `background`-prop is used
+- `shadow`-prop is used
+- `borderColor`-prop is used

.storybook/docs/PilotSetup.mdx

@@ -0,0 +1,151 @@
+import { Markdown, Meta } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/2.Setup" />
+
+# Setup
+
+## Clean project
+
+For new projects, setup is just as easy as before, but now requires a `Theme`-component to be wrapped around your app.
+The component acts as a local feature-flag for the new implementation, with the added benefit of being able to switch between light and dark mode for you.
+
+Steps:
+
+- 1. Import new CSS `@navikt/ds-css/darkside`
+- 2. Import `Theme`-component from `@navikt/ds-react/Theme`
+- 3. Wrap your app in the `Theme`-component. You do not have to set the theme, as you can manually handle theme switching with other tools like `next-themes`.
+
+```tsx
+import "@navikt/ds-css/darkside";
+import { Theme } from "@navikt/ds-react/Theme";
+
+export const App = () => (
+  <Theme theme="light">
+    <YourApp />
+  </Theme>
+);
+```
+
+### Only Tokens/CSS
+
+If you are not using any of our React-components, you can still switch between themes by setting `class="light"` or `class="dark"` on your root-element.
+
+## Theme switching
+
+The `Theme`-component has a `theme`-prop that can be set to either `light` or `dark`. This only sets a `class` on the element of `light` or `dark` (in addition to a `aksel-theme` class), and the rest is handled by the CSS.
+
+You have the option of using `hasBackground` (defaults to true) to make `Theme` include a built on default background.
+
+Since theme-switching often is framework-spesific, we have not included a theme-toggle component or advanced logic for cookies/localstorage.
+You will have to implement this yourself using a custom setup, or use a library like [next-themes](https://github.com/pacocoursey/next-themes).
+
+We will continue to work on the whole `Theme` ecosystem, and might include more features in the future to handle this built in.
+
+### Theme-switch component
+
+This is context-based for what fits your application, but there are some general patterns you can follow.
+
+- **Light or Dark-mode**: Here you can use a simple Switch-component, or a Tertiary-button to toggle between them.
+
+- **Light, Dark or System-mode**: Here you can use a ToggleGroup or Select-component.
+
+```tsx
+isLightMode ? (
+  <Button
+    variant="tertiary-neutral"
+    icon={<SunIcon title="Switch to dark theme" />}
+  />
+) : (
+  <Button
+    variant="tertiary-neutral"
+    icon={<MoonIcon title="Switch to light theme" />}
+  />
+);
+```
+
+## I just want to test the new tokens
+
+Since you can use the new tokens alongside the old tokens, you can start by importing the new tokens as you would the old system.
+
+```css
+@import "@navikt/ds-tokens/darkside-css";
+```
+
+For SCSS, Less and JS they are also available under the paths
+
+```
+@navikt/ds-tokens/darkside-scss
+@navikt/ds-tokens/darkside-less
+@navikt/ds-tokens/darkside-js
+```
+
+**Note: To support theming, scss, less and js tokens are all now based on `css-variables`. This means you will have to import the css-version from `darkside-css` alongside them for everything to work.**
+
+## I want to test the new React-changes
+
+For the new system to work with our components, you will have to use the new `Theme`-component, and import the new CSS from `@navikt/ds-css/darkside`
+
+```tsx
+import "@navikt/ds-css/darkside";
+import { Theme } from "@navikt/ds-react/Theme";
+
+export const App = () => (
+  <Theme theme="light">
+    <YourApp />
+  </Theme>
+);
+```
+
+You will have to check on all your custom overrides when making this switch.
+
+### Partial update
+
+You can migrate parts of your application to use the new CSS classes without having to migrate everything at once.
+
+```tsx
+// Old setup
+import "@navikt/ds-css/darkside";
+// New setup
+import "@navikt/ds-css/darkside";
+import { Theme } from "@navikt/ds-react/Theme";
+
+export const App = () => (
+  <div>
+    <StillOnOldCSSComponent>
+    /* Only this part of your app now uses new styling */
+    <Theme>
+      <YourApp />
+    </Theme>
+  </div>
+);
+```
+
+You will have to check on all your custom overrides when making this switch.
+
+## I have to make some custom changes in darkmode
+
+Since our implementation is based on CSS, you can easily make custom adjustments where necessary.
+
+```css
+.my-component {
+  background-color: var(--ax-bg-raised);
+  color: var(--ax-text-neutral);
+  border: 1px solid var(--ax-border-neutral-subtleA);
+}
+
+// Makes hover-state more visible only for darkmode
+.dark .my-component {
+  &:hover {
+    border-color: var(--ax-border-accent-default);
+  }
+}
+```
+
+## Tailwind CSS
+
+```
+// Tailwind v3
+module.exports = {
+  presets: [require("@navikt/ds-tailwind/darkside-tw3")],
+}
+```

.storybook/docs/PilotsChangelog.mdx

@@ -0,0 +1,81 @@
+import { Meta, Title } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/5.Changelog" />
+
+# Darkside changelog
+
+## v7.23 (06.06.25)
+
+## Tokens
+
+Renamed `data-color-role` dynamic theme attribute to `data-color`.
+
+## CSS
+
+Almost all CSS is either updated or refactored to use the new `data-color`-attribute for coloring.
+
+## React
+
+Updates to almost all components to use `data-color`-attribute for coloring, instead of using classes for defining colors where possible.
+
+## Types
+
+Updated names of all darkside spesific types exported from `@navikt/ds-tokens`.
+
+```
+
+// Button.tsx | before
+
+<button className="aksel-button aksel-button--primary-neutral" />
+
+// Button.tsx | after
+
+<button
+  className="aksel-button"
+  data-color="neutral"
+  data-variant="primary"
+/>
+```
+
+## v7.22 (12.05.25)
+
+Updates to border-radius and text-icon tokens.
+
+- **Border radius**: Now named just `radius`, and t-shirt sizing is replace with numbers reflecting the pixel value.
+- **Text-icon**: Now named `text-decoration` to better reflect its usecases.
+
+Migration-code trough the `@navikt/aksel` package has been updated to handle this change when migrating from legacy CSS to the new CSS.
+As for the border-radius update, we have added fallback-support for the old `border-radius`-tokens, so you can use both the new and old tokens at the same time for now.
+
+## v7.18 (02.04.25)
+
+`<Theme />`-component no longer defaults to `light`-theme className when no theme is provided.
+
+This change is made to make it possible to handle 'light' and 'dark' themes in a more flexible way. You can manually set `className="light"` (or dark) on any html-element higher in the hierarchy, and the `<Theme />`-component will not override this.
+One of the cases where this is needed is with `next-themes` where defaulting to light, and changing to dark based on `useTheme`-hook from `next-themes` leads to hydratiob errors.
+
+## v7.16 (03.03.25)
+
+To allow loading old and new CSS files that the same time, we have now renamed all classes to start with `.aksel` instead of `.navds`.
+Every React component has this now feature-flagged behind using the new `Theme`-component.
+
+- **With `<Theme />`**: All components uses `.aksel`-classes internally.
+- **Without `<Theme />`**: All components uses `.navds`-classes internally like before.
+
+This means you can now migrate parts of your application to use the new CSS classes without having to migrate everything at once.
+
+```
+
+// MyComponent.tsx
+
+<div>
+  // Uses old CSS
+  <Button>Click me</Button>
+
+// Uses new CSS
+
+  <Theme>
+    <Button>Click me</Button>
+  </Theme>
+</div>
+```

.storybook/docs/PilotsIntro.mdx

@@ -0,0 +1,94 @@
+import { Meta, Title } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/1.Intro" />
+
+# Becoming a pilot team
+
+We are looking for teams wanting to test our new theming implementation and darkmode before we go live with them later in 2025.
+
+## What is a pilot team?
+
+- A pilot team is a team that tests new implementations before they are released.
+- The team will test the new implementation in a real-world scenario and provide us with feedback.
+- The feedback will be used to improve the implementation before it replaces the old system.
+
+As a pilot team, we want close communication to get
+feedback on the changes. We want to know all the unclear and bad parts
+of our implementations, so that we can fix them all up before the big release.
+
+## Who are we mainly looking for?
+
+We are focusing on applications meant for our internal systems and services for now. This line is often a little blurry,
+but in short, all the public facing applications including those using "Dekoratøren" will not be considered internal.
+Support for "Dekoratøren" is quite far down the road at the moment.
+
+For teams wanting to test the new implementation, there are some key points to consider:
+
+- You _probably_ want to be in the earlier stages of developing a new product or service (to more easily test something in isolation).
+- You can test _any_ smaller subset of the new system as it's not an "all or nothing" ordeal. This could be: design tokens, darkmode, updated CSS or a combination of these.
+- You have the capacity to test and provide feedback on the new implementation (You'll be saving Nav countless hours for every hour spent!).
+
+Everyone is welcome to test the new implementation, but for some larger applications, it might be a bit early to adopt the new system. Keep in mind that there might be breaking changes as we go,
+and we won't have all tooling ready for adoption yet so you might have to do some manual work.
+
+## How to give feedback
+
+We welcome all forms of feedback:
+
+- **Issues**: [Open an issue on Github](https://github.com/navikt/aksel/issues)
+- **Disussions**: [Start a discussion](https://github.com/navikt/aksel/discussions/categories/darkside).
+- **Slack**: [Reach out to us on Slack #Aksel-designsystemet](https://nav-it.slack.com/archives/C7NE7A8UF)
+
+## What's new?
+
+- **Design tokens**: A complete re-write of our design tokens to allow for dark mode.
+- **Dark mode**: A new dark mode implementation.
+- **Updated CSS**: Now uses new tokens, built-in CSS-layers support and most components are re-written.
+- **Updated Tailwind CSS config**: Now uses new tokens, now comes with built-in `ax`-prefix for easier separation between Aksel and your own config.
+- **Updated components**: Components use the new tokens and CSS.
+- **New Theme-component**: A new `<Theme/>`-component to handle the theming-switch locally.
+- **Updated documentation**: Updated documentation for the new implementation.
+
+## Documentation
+
+As we go, we will add more documentation to help you get started with the new implementation.
+
+- [Design i light og dark-mode](https://aksel.nav.no/god-praksis/artikler/design-i-dark-mode-og-light-mode)
+
+### Demo page
+
+We have a demo page to show off some of the new features and tokens. [You can find it here](https://aksel-referansesider.ansatt.dev.nav.no/aktivitetsplan/).
+We recommend using "inspect-tool" in browser to get a feel for the new tokens and CSS.
+
+## How testing could affect your application
+
+All the changes are **opt in**, meaning you can choose to use nothing, some parts of the new implementation, or go all-in.
+You will still be able to recieve updates to the old implementation while we are in the testing phase.
+
+### Tokens
+
+We have made a complete re-write of our design tokens to allow for dark mode.
+This includes new backgrounds, text-colors, border-colors and updated spacing-tokens.
+
+- All tokens have a new prefix `--ax` to avoid conflicts with old tokens.
+- You will be able to use the new tokens at the same time as the old tokens.
+- All background, text-colors and border-colors have new names and "concepts" to learn. Migration will not be a quick one to one with old system.
+- New spacing tokens are now named `space` and based on `px` values (most devs think and deal in `px` values first, no more on-the-fly mental arithmetic! WYSIWYG).
+
+### CSS
+
+We have updated our CSS to be based on the new tokens for theming.
+
+- Most of our CSS is re-written.
+- All custom overrides targeting `.navds`-classes might have to be updated locally.
+- Component-based tokens are no longer avaliable.
+
+### Tailwind CSS
+
+We have made a new Tailwind CSS config based on the new tokens. Based on previous iterations, we have decided to try prefixing all our classes with `ax-`.
+While this will be a little more verbose, it makes it easier to separate your own config from ours, and hopefully makes it easier to maintain.
+
+### React components
+
+We have made some prop-changes to some components to facilitate the new theming and updated CSS. You can read more about them under `migration` in the sidebar.
+We have hidden the changes behind a "feature-flag", so you will have to use the new `<Theme/>`-component when testing the new CSS.

.storybook/docs/PilotsTokens.mdx

@@ -0,0 +1,193 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/4.Tokens" />
+
+# Tokens
+
+## Spacing scale
+
+We have updated our spacing-scale to now be named `space` and for the values to reflect 1-1 the px-value.
+To migrate old `--a-spacing-X`-tokens, you can just take the value and 4x it to get the new `--ax-space-X`-token.
+
+```diff
+// Old
+--a-spacing-4: 1rem;
+
+// New
+--ax-space-16: 1rem;
+```
+
+```css
+--ax-space-0: 0rem;
+--ax-space-1: 0.0625rem;
+--ax-space-2: 0.125rem;
+--ax-space-4: 0.25rem;
+--ax-space-6: 0.375rem;
+--ax-space-8: 0.5rem;
+--ax-space-12: 0.75rem;
+--ax-space-16: 1rem;
+--ax-space-20: 1.25rem;
+--ax-space-24: 1.5rem;
+--ax-space-28: 1.75rem;
+--ax-space-32: 2rem;
+--ax-space-36: 2.25rem;
+--ax-space-40: 2.5rem;
+--ax-space-44: 2.75rem;
+--ax-space-48: 3rem;
+--ax-space-56: 3.5rem;
+--ax-space-64: 4rem;
+--ax-space-72: 4.5rem;
+--ax-space-80: 5rem;
+--ax-space-96: 6rem;
+--ax-space-128: 8rem;
+```
+
+## Global tokens
+
+Our global colors are Neutral, Accent, Success, Info, Warning, Danger, Brand-magenta, Brand-beige, Brand-blue, Meta-purple and Meta-lime.
+
+Beside `neutral` that has a `000`-token,
+all other color-tokens are named after the following pattern:
+
+```css
+--ax-[role]-000 // Neutral only
+--ax-[role]-100
+--ax-[role]-100A
+--ax-[role]-200
+--ax-[role]-200A
+--ax-[role]-300
+--ax-[role]-300A
+--ax-[role]-400
+--ax-[role]-400A
+--ax-[role]-500
+--ax-[role]-600
+--ax-[role]-700
+--ax-[role]-800
+--ax-[role]-900
+--ax-[role]-1000
+```
+
+## Semantic tokens
+
+We have two sets of semantic tokens, one for unique cases and one for all the roles.
+
+```css
+// Unique tokens
+--ax-bg-default   // Main page background.
+--ax-bg-input     // Background for input-fields.
+--ax-bg-overlay   // Background for overlays like Modal.
+--ax-bg-sunken    // Background for sunken sections to highlight ex. Cards.
+--ax-bg-raised    // Background for raised elements, like cards or dialogs.
+--ax-text-logo    // Nav-logo color.
+--ax-border-focus // Outline-color for focus-states.
+```
+
+For the remaning tokens, they are equal between all the global roles. This means that if you know the token for one role, you know it for all the roles.
+
+```css
+// Backgrounds
+
+// Soft is used for subtle backgrounds without state.
+--ax-bg-[role]-soft
+--ax-bg-[role]-softA
+
+// Moderate is used for subtle elements, with the option for states.
+// Should be used with a border in most cases to separate from the background.
+// Think Secondary-buttons, Alerts
+--ax-bg-[role]-moderate
+--ax-bg-[role]-moderateA
+--ax-bg-[role]-moderate-hover
+--ax-bg-[role]-moderate-hoverA
+--ax-bg-[role]-moderate-pressed
+--ax-bg-[role]-moderate-pressedA
+
+// Strong is used for elements that should stand out, with the option for states.
+// Think Primary-buttons, Checkbox, Chips
+// Text on strong should use contrast version of the color.
+--ax-bg-[role]-strong
+--ax-bg-[role]-strong-hover
+--ax-bg-[role]-strong-pressed
+
+// Text
+--ax-text-[role]
+--ax-text-[role]-subtle
+--ax-text-[role]-icon
+--ax-text-[role]-contrast
+
+// Borders
+--ax-border-[role]
+--ax-border-[role]-subtle
+--ax-border-[role]-subtleA
+--ax-border-[role]-strong
+```
+
+### Example use
+
+```css
+.alert--success {
+  background-color: var(--ax-bg-success-moderate);
+  border: var(--ax-border-success);
+}
+
+.alert--info {
+  background-color: var(--ax-bg-info-moderate);
+  border: var(--ax-border-info);
+}
+```
+
+## Shadows
+
+We now have only one shadow-token:
+
+```css
+--ax-shadow-dialog
+```
+
+## Z-index
+
+We have removed the `--a-z-index`-tokens.
+
+## Font-tokens, breakpoints etc
+
+The remaining tokens are kept the same as the old system, but now with updated prefix.
+
+```css
+--ax-font-weight-regular
+--ax-font-weight-bold
+--ax-font-size-small
+--ax-font-size-medium
+--ax-font-size-large
+--ax-font-size-xlarge
+--ax-font-size-heading-xsmall
+--ax-font-size-heading-small
+--ax-font-size-heading-medium
+--ax-font-size-heading-large
+--ax-font-size-heading-xlarge
+--ax-font-size-heading-2xlarge
+--ax-font-line-height-medium
+--ax-font-line-height-large
+--ax-font-line-height-xlarge
+--ax-font-line-height-heading-xsmall
+--ax-font-line-height-heading-small
+--ax-font-line-height-heading-medium
+--ax-font-line-height-heading-large
+--ax-font-line-height-heading-xlarge
+--ax-font-line-height-heading-2xlarge
+--ax-font-family
+--ax-breakpoint-2xl-down
+--ax-breakpoint-2xl
+--ax-breakpoint-xl-down
+--ax-breakpoint-xl
+--ax-breakpoint-lg-down
+--ax-breakpoint-lg
+--ax-breakpoint-md-down
+--ax-breakpoint-md
+--ax-breakpoint-sm-down
+--ax-breakpoint-sm
+--ax-breakpoint-xs
+--ax-border-radius-full
+--ax-border-radius-xlarge
+--ax-border-radius-large
+--ax-border-radius-medium
+--ax-border-radius-small
+```

.storybook/docs/getting-started.mdx

@@ -4,14 +4,14 @@ import AkselThumbnail from "./assets/aksel-thumbnail.png";
 import Components from "./assets/components.png";
 import Setup from "./assets/setup.png";
 
-<Meta title="Getting started" />
+<Meta title="Docs/Getting started" />
 
 <div className="sb-container">
   <div className='sb-section-title'>
 
     # Getting started
 
-    Aksel is the toolbox for product development <a href="https://aksel.nav.no"target="_blank">@NAV</a> (Norwegian Labour and Welfare Administration)
+    Aksel is the toolbox for product development <a href="https://aksel.nav.no"target="_blank">@Nav</a> (Norwegian Labour and Welfare Administration)
 
     This includes a designsystem, best practices for product-development, principles for user-experience and a blog. <a href="https://aksel.nav.no/god-praksis/artikler/om-aksel" target="_blank">
     Read more about Aksel.</a>
@@ -30,7 +30,7 @@ import Setup from "./assets/setup.png";
         target="_blank"
         className="sb-link"
       >Website</a></h3>
-      <p className="sb-section-item-paragraph">Includes everything you need to get started building and developing digital products for NAV today.</p>
+      <p className="sb-section-item-paragraph">Includes everything you need to get started building and developing digital products for Nav today.</p>
 
     </div>
     <div className="sb-section-item">
@@ -136,34 +136,34 @@ import Setup from "./assets/setup.png";
     width: 100%;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    grid-gap: var(--a-spacing-6);
+    grid-gap: 1.5rem;
   }
 
   .sb-link{
     text-decoration: underline;
-    color: var(--a-text-default);
+    color: #111;
   }
 
   img {
     object-fit: cover;
-    padding-bottom: var(--a-spacing-5);
+    padding-bottom: 1.25rem;
     border-radius: 8px;
   }
 
   .sb-section-title {
-    margin-bottom: var(--a-spacing-8);
+    margin-bottom: 2rem;
   }
 
 
 
   .sb-section-item-heading {
-    padding-bottom: var(--a-spacing-1);
+    padding-bottom: 0.25rem
     margin: 0 !important;
   }
 
   .sb-section-item-paragraph {
     margin: 0;
-    padding-bottom: var(--a-spacing-3);
+    padding-bottom: 0.75rem;
   }
 
   @media screen and (max-width: 768px) {

.storybook/layout.css

@@ -19,3 +19,15 @@
 .rowgap-wrap {
   flex-wrap: wrap;
 }
+
+.sbdocs-content:not(.sb-unstyled) :is(p, li) {
+  font-size: 1.125rem;
+}
+
+.sbdocs-content:not(.sb-unstyled) li > p {
+  margin-bottom: 0;
+}
+
+.sbdocs-content:not(.sb-unstyled) li > ul {
+  margin-top: 0.25rem;
+}

.storybook/main.ts

@@ -1,6 +1,7 @@
 import { loadCsf } from "@storybook/csf-tools";
 import { StorybookConfig } from "@storybook/react-vite";
 import { readFileSync } from "fs";
+import { InlineConfig } from "vite";
 import turbosnap from "vite-plugin-turbosnap";
 import TsconfigPathsPlugin from "vite-tsconfig-paths";
 
@@ -46,21 +47,11 @@ export default {
   staticDirs: ["./public"],
   stories: () => [
     "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
-    "./*.mdx",
+    "./docs/*.mdx",
+    "./docs/*.stories.tsx",
     "../aksel.nav.no/website/pages/templates/**/*.tsx",
   ],
   addons: [
-    "@storybook/addon-a11y",
-    "@whitespace/storybook-addon-html",
-    "@storybook/addon-interactions",
-    {
-      name: "@storybook/addon-storysource",
-      options: {
-        loaderOptions: {
-          injectStoryParameters: false,
-        },
-      },
-    },
     {
       name: "@storybook/addon-essentials",
       options: {
@@ -70,7 +61,22 @@ export default {
         },
       },
     },
-    "storybook-addon-pseudo-states",
+    "@storybook/addon-a11y",
+    "@storybook/addon-interactions",
+    "@storybook/addon-themes",
+    {
+      name: "@storybook/addon-storysource",
+      options: {
+        loaderOptions: {
+          injectStoryParameters: false,
+        },
+      },
+    },
+    /**
+     * https://github.com/chromaui/storybook-addon-pseudo-states/issues/101
+     * Currently disabled to avoid interference with darkmode update
+     */
+    /* "storybook-addon-pseudo-states", */
   ],
   framework: {
     name: "@storybook/react-vite",
@@ -91,6 +97,7 @@ export default {
     const tsConfigPathsPluginOpts = { root: "aksel.nav.no/website/" };
 
     return mergeConfig(config, {
+      build: { cssMinify: "lightningcss" },
       plugins:
         configType === "PRODUCTION"
           ? [
@@ -100,6 +107,6 @@ export default {
               }),
             ]
           : [TsconfigPathsPlugin(tsConfigPathsPluginOpts)],
-    });
+    } satisfies InlineConfig);
   },
 } satisfies StorybookConfig;

.storybook/preview.jsx

@@ -1,59 +0,0 @@
-import React from "react";
-import "@navikt/ds-css/index.css";
-import "./layout.css";
-
-export const parameters = {
-  options: {
-    storySort: {
-      method: "alphabetical",
-      order: [
-        "Getting started",
-        "ds-react",
-        ["Primitives"],
-        ["Default", "Controls"],
-        "Aksel-icons",
-      ],
-    },
-  },
-  layout: "centered",
-  backgrounds: {
-    values: [
-      {
-        name: "Canvas",
-        value: "#ffffff",
-      },
-      {
-        name: "Darkmode",
-        value: "#23262a",
-      },
-    ],
-  },
-};
-
-export const globalTypes = {
-  theme: {
-    name: "Theme",
-    toolbar: {
-      icon: "circlehollow",
-      items: [
-        { value: "light", icon: "circlehollow", title: "light" },
-        { value: "dark", icon: "circle", title: "dark" },
-      ],
-      showName: true,
-    },
-  },
-};
-
-export const withTheme = (StoryFn, context) => {
-  return (
-    <div
-      data-theme={context.parameters.theme || context.globals.theme || "light"}
-      lang="no"
-      id="root"
-    >
-      <StoryFn />
-    </div>
-  );
-};
-
-export const decorators = [withTheme];

.storybook/preview.tsx

@@ -0,0 +1,127 @@
+import { withThemeByClassName } from "@storybook/addon-themes";
+import { Preview } from "@storybook/react";
+import React, { 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 { Provider } from "../@navikt/core/react/src/provider";
+import { Theme } from "../@navikt/core/react/src/theme";
+import en from "../@navikt/core/react/src/util/i18n/locales/en";
+import nb from "../@navikt/core/react/src/util/i18n/locales/nb";
+import nn from "../@navikt/core/react/src/util/i18n/locales/nn";
+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
+  );
+};
+
+const translations = {
+  nb,
+  nn,
+  en,
+};
+
+const LanguageDecorator = ({ children, language }) => {
+  if (language) {
+    return (
+      <Provider translations={translations[language]}>{children}</Provider>
+    );
+  }
+  return children;
+};
+
+export default {
+  parameters: {
+    options: {
+      storySort: {
+        method: "alphabetical",
+        order: [
+          "Docs",
+          ["Getting started"],
+          "ds-react",
+          ["Primitives"],
+          ["Default", "Controls"],
+          "Aksel-icons",
+        ],
+      },
+    },
+    layout: "centered",
+    backgrounds: { disable: true },
+  },
+
+  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",
+        items: [
+          { value: undefined, title: "Unset" },
+          { value: "nb", right: "🇳🇴", title: "Norsk bokmål" },
+          { value: "nn", right: "🇳🇴", title: "Norsk nynorsk" },
+          { value: "en", right: "🇬🇧", title: "English" },
+        ],
+        dynamicTitle: true,
+      },
+    },
+  },
+
+  initialGlobals: {
+    mode: "default",
+  },
+
+  decorators: [
+    (StoryFn, context) => (
+      <ModeDecorator mode={context.globals.mode} theme={context.globals.theme}>
+        <StoryFn />
+      </ModeDecorator>
+    ),
+    (StoryFn, context) => (
+      <LanguageDecorator language={context.globals.language}>
+        <StoryFn />
+      </LanguageDecorator>
+    ),
+    withThemeByClassName({
+      themes: {
+        light: "light",
+        dark: "dark",
+      },
+      defaultTheme: "light",
+    }),
+  ],
+} satisfies Preview;

.vscode/settings.json

@@ -1,5 +1,8 @@
 {
-  "cssVariables.lookupFiles": ["@navikt/core/css/dist/index.css"],
+  "cssVariables.lookupFiles": [
+    "@navikt/core/tokens/dist/tokens.css",
+    "@navikt/core/tokens/dist/darkside/tokens.css"
+  ],
   "eslint.problems.shortenToSingleLine": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "files.watcherExclude": {

@navikt/aksel-icons/.svgrrc.js

@@ -10,7 +10,7 @@ module.exports = {
     role: "img",
   },
   replaceAttrValues: {
-    "#23262A": "currentColor",
+    "#202733": "currentColor",
   },
   template,
 };

@navikt/aksel-icons/CHANGELOG.md

@@ -1,5 +1,139 @@
 # @navikt/aksel-icons
 
+## 7.26.0
+
+### Minor Changes
+
+- Icons: New icons 'ChatAdd' and 'Theme'. ([#3958](https://github.com/navikt/aksel/pull/3958))
+
+## 7.25.2
+
+## 7.25.1
+
+## 7.25.0
+
+## 7.24.0
+
+## 7.23.2
+
+## 7.23.1
+
+## 7.23.0
+
+### Minor Changes
+
+- Icons: :tada: Added new icons 'SquareGrid' and 'SquareGridFill'. ([#3851](https://github.com/navikt/aksel/pull/3851))
+
+## 7.22.0
+
+## 7.21.1
+
+## 7.21.0
+
+### Minor Changes
+
+- Icons: New icon 'Cpu'. ([#3740](https://github.com/navikt/aksel/pull/3740))
+
+## 7.20.0
+
+## 7.19.1
+
+## 7.19.0
+
+## 7.18.0
+
+## 7.17.4
+
+## 7.17.3
+
+## 7.17.2
+
+## 7.17.1
+
+## 7.17.0
+
+## 7.16.1
+
+## 7.16.0
+
+## 7.15.0
+
+## 7.14.3
+
+## 7.14.2
+
+## 7.14.1
+
+## 7.14.0
+
+### Minor Changes
+
+- Icons: :tada: New icons `LineHeight`, `SpaceHorizontal` and `SpaceVertical`. ([#3587](https://github.com/navikt/aksel/pull/3587))
+
+## 7.13.0
+
+### Minor Changes
+
+- Icons: :tada: New icons `ExpandVertical` and `QuestionmarkCircle` ([#3583](https://github.com/navikt/aksel/pull/3583))
+
+## 7.12.2
+
+## 7.12.1
+
+## 7.12.0
+
+## 7.11.0
+
+### Minor Changes
+
+- Icons: Added new icons 'SortUp' and 'SortDown' 🎉. ([#3528](https://github.com/navikt/aksel/pull/3528))
+
+## 7.10.0
+
+## 7.9.2
+
+## 7.9.1
+
+## 7.9.0
+
+## 7.8.1
+
+## 7.8.0
+
+## 7.7.0
+
+## 7.6.0
+
+### Minor Changes
+
+- Icons: Added new icons 'TruckPercent' and 'ShieldCheckmark' 🎉. ([#3416](https://github.com/navikt/aksel/pull/3416))
+
+## 7.5.3
+
+## 7.5.2
+
+## 7.5.1
+
+## 7.5.0
+
+### Minor Changes
+
+- Icons: 🎉 Added FileJpeg, FilePng and MedicalThermometer. ([#3332](https://github.com/navikt/aksel/pull/3332))
+
+## 7.4.3
+
+## 7.4.2
+
+## 7.4.1
+
+## 7.4.0
+
+## 7.3.1
+
+## 7.3.0
+
+## 7.2.1
+
 ## 7.2.0
 
 ## 7.1.2

@navikt/aksel-icons/CONTRIBUTING.md

@@ -16,7 +16,7 @@ Hvis du selv ønsker å legge til nye ikoner kan du kopiere filenes fra `/templa
 
 - Sizing, width og height må være 24x24: `width="24" height="24" `
 - Viewbox: `viewBox="0 0 24 24"`
-- Fill på path: `fill="#23262A"`
+- Fill på path: `fill="#202733"`
 
 ### Yml
 
@@ -47,7 +47,7 @@ Hvis du ønsker å teste om alt stemmer, både i `svg` og `yml` før du lager en
 ### Generelt
 
 - Designet følger Keyline-malen (under assets i figma-pakken).
-- Alle lag og grupper skal bruke `#23262A` for stroke og fill.
+- Alle lag og grupper skal bruke `#202733` for stroke og fill.
 
 ### Stroke (linje)
 

@navikt/aksel-icons/README.md

@@ -1,6 +1,6 @@
 # Aksel icons
 
-800+ open source icons made by Aksel, NAVs designsystem-team
+800+ open source icons made by Aksel, Nav's design system team.
 
 - Designed for 24x24px
 - Available in React and SVG
@@ -30,7 +30,7 @@ Tip: Use the `title` prop for accessible icons.
 
 ### Sizing
 
-Each icons `width` and `height` is default `1em`. This allows you to use the native `fontSize`-prop to adjust sizing. We recommend using at least 1.5rem/24px for best possible visual representation.
+Each icon's `width` and `height` is default `1em`. This allows you to use the native `fontSize`-prop to adjust sizing. We recommend using at least 1.5rem/24px for the best possible visual representation.
 
 ```jsx
 <StarIcon fontSize="1.5rem" />

@navikt/aksel-icons/__tests__/figma.test.ts

@@ -0,0 +1,16 @@
+import { describe, expect, test } from "vitest";
+import { splitIntoParts } from "../config/figma/fetch-icons";
+
+describe("splitIntoParts", () => {
+  test("should split array into parts correctly with odd count array", () => {
+    const arr = ["a", "b", "c", "d", "e"];
+    const result = splitIntoParts(arr, 4);
+    expect(result).toEqual(["a,b", "c,d", "e"]);
+  });
+
+  test("should split array into parts correctly with even count array", () => {
+    const arr = ["a", "b", "c", "d", "e", "f"];
+    const result = splitIntoParts(arr, 4);
+    expect(result).toEqual(["a,b", "c,d", "e,f"]);
+  });
+});

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

@@ -1,9 +1,9 @@
-/* eslint-disable import/no-named-as-default-member */
 import fastglob from "fast-glob";
 import fs from "fs";
-import jsYaml from "js-yaml";
+import { JSON_SCHEMA, load } from "js-yaml";
 import path from "path";
 import { describe, expect, test } from "vitest";
+import { IconYml } from "../config/figma/make-configs";
 
 const basePath = path.resolve(__dirname, "../icons");
 
@@ -14,9 +14,10 @@ const ymlList = fastglob
 describe(`Each icons YML-config is valid`, () => {
   ymlList.forEach((file) => {
     test(`${file} has valid YML-config`, () => {
-      const ymlData = jsYaml.load(fs.readFileSync(`${basePath}/${file}`), {
-        schema: jsYaml.JSON_SCHEMA,
-      });
+      const ymlData = load(fs.readFileSync(`${basePath}/${file}`).toString(), {
+        schema: JSON_SCHEMA,
+      }) as IconYml;
+
       expect(ymlData.name).toBeTruthy();
       expect(ymlData.category).toBeTruthy();
       expect(ymlData.sub_category).toBeTruthy();
@@ -31,7 +32,7 @@ describe(`Each icons YML-config is valid`, () => {
   });
 });
 
-function isDate(dateStr) {
+function isDate(dateStr: string) {
   return !Number.isNaN(
     new Date(dateStr.split(".").reverse().join(".")).getDate(),
   );

@navikt/aksel-icons/__tests__/validate-svg-parsing.test.ts

@@ -3,7 +3,7 @@ import { parseIcon } from "../config/parse-svg";
 
 describe(`SVG should be correctly parsed`, () => {
   const simpleSvg = `<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="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#202733"/>
   </svg>
   `;
 
@@ -13,10 +13,10 @@ describe(`SVG should be correctly parsed`, () => {
   `;
 
   const advancedSvg = `<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="18.1559 9.81056 17.4392Z" fill="#23262A"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#202733"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#202733"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#202733"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#202733"/>
   </svg>
   `;
 

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

@@ -21,8 +21,7 @@ describe(`Each icons has a valid code`, () => {
 
       test(`has valid attributes on root-node`, () => {
         const root = select(":root", iconAst);
-        const properties =
-          root && root.properties ? Object.keys(root.properties).sort() : [];
+        const properties = Object.keys(root?.properties ?? []).sort();
 
         expect(properties).toStrictEqual(
           ["viewBox", "xmlns", "height", "width", "fill"].sort(),
@@ -31,45 +30,51 @@ describe(`Each icons has a valid code`, () => {
 
       test(`has valid xml-attr`, () => {
         const root = select(":root", iconAst);
-        const xmlns = root && root.properties ? root.properties.xmlns : null;
-        expect(xmlns).toBe("http://www.w3.org/2000/svg");
+        expect(root?.properties?.xmlns).toBe("http://www.w3.org/2000/svg");
       });
 
       test(`has valid viewbox`, () => {
         const root = select(":root", iconAst);
-        const viewbox =
-          root && root.properties ? root.properties.viewBox : null;
-        expect(viewbox).toBe("0 0 24 24");
+        expect(root?.properties?.viewBox).toBe("0 0 24 24");
       });
 
       test(`root fill is none`, () => {
         const root = select(":root", iconAst);
-        const fill = root && root.properties ? root.properties.fill : null;
-        expect(fill).toBe("none");
+        expect(root?.properties?.fill).toBe("none");
       });
 
       test(`has valid width and height`, () => {
         const root = select(":root", iconAst);
-        const width = root && root.properties ? root.properties.width : null;
-        const height = root && root.properties ? root.properties.height : null;
-        expect(width).toBe("24");
-        expect(height).toBe("24");
+        expect(root?.properties?.width).toBe("24");
+        expect(root?.properties?.height).toBe("24");
       });
 
       test(`has valid stroke`, () => {
         const nodes = selectAll("*", iconAst);
 
         nodes.forEach((n) => {
-          n.properties?.stroke &&
-            expect(n.properties.stroke).toEqual("#23262A");
+          if (n.properties?.stroke) {
+            expect(n.properties.stroke).toEqual("#202733");
+          }
+        });
+      });
+
+      test(`has valid fill`, () => {
+        const nodes = selectAll("*", iconAst);
+
+        nodes.forEach((n) => {
+          if (n.properties?.fill && n.properties.fill !== "none") {
+            expect(n.properties.fill).toEqual("#202733");
+          }
         });
       });
 
       test(`has valid stroke-width`, () => {
         const nodes = selectAll("*", iconAst);
         nodes.forEach((n) => {
-          n.properties?.strokeWidth &&
+          if (n.properties?.strokeWidth) {
             expect(n.properties?.strokeWidth).toEqual("1.5");
+          }
         });
       });
     });

@navikt/aksel-icons/config/figma/fetch-icons.mjs

@@ -1,63 +0,0 @@
-const file_key = "wEdyFjCQSBR3U7FvrMbPXa";
-
-export const fetchIcons = async () => {
-  console.info("Fetching new icons from Figma...");
-  const data = await fetch(
-    `https://api.figma.com/v1/files/${file_key}/components`,
-    {
-      headers: {
-        "Content-type": "application/json",
-        "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
-      },
-    },
-  )
-    .then((x) => x.json())
-    .catch((e) => {
-      throw e.message;
-    });
-
-  if (data?.err) {
-    throw new Error(data.err);
-  }
-
-  if (!data?.meta?.components || data?.meta?.components.length === 0) {
-    throw new Error("Fant ingen publiserte ikoner");
-  }
-
-  return data?.meta?.components;
-};
-
-export const fetchDownloadUrls = async (idArray) => {
-  const urls = { images: null };
-
-  for (let ids of idArray) {
-    await fetch(
-      `https://api.figma.com/v1/images/${file_key}/?ids=${ids}&format=svg`,
-      {
-        headers: {
-          "Content-type": "application/json",
-          "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
-        },
-      },
-    )
-      .then((x) => x.json())
-      .then((x) => {
-        urls.images = {
-          ...urls.images,
-          ...x.images,
-        };
-      })
-      .catch((e) => {
-        throw e.message;
-      });
-  }
-  return urls;
-};
-
-export const fetchIcon = async (url) => {
-  return await fetch(url)
-    .then((x) => x.text())
-    .catch((e) => {
-      throw e.message;
-    });
-};

@navikt/aksel-icons/config/figma/fetch-icons.ts

@@ -0,0 +1,114 @@
+import {
+  BadRequestErrorResponseWithErrMessage,
+  ErrorResponsePayloadWithErrMessage,
+  GetFileComponentsResponse,
+  GetImagesResponse,
+  PublishedComponent,
+} from "@figma/rest-api-spec";
+
+/* https://www.figma.com/developers/api#library-items */
+const FIGMA_FILE_KEY = "wEdyFjCQSBR3U7FvrMbPXa";
+
+export const fetchIcons = async (): Promise<PublishedComponent[]> => {
+  console.group("Fetching list of published icons from Figma...");
+  const data:
+    | GetFileComponentsResponse
+    | BadRequestErrorResponseWithErrMessage = await fetch(
+    `https://api.figma.com/v1/files/${FIGMA_FILE_KEY}/components`,
+    {
+      headers: {
+        "Content-type": "application/json",
+        "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN ?? "",
+      },
+    },
+  )
+    .then((x) => x.json())
+    .catch((e) => {
+      throw e.message;
+    });
+
+  if (data.status !== 200) {
+    throw new Error(data.err);
+  }
+
+  if (data.meta.components.length === 0) {
+    throw new Error("No published icons found");
+  }
+
+  /* Filtes out any 'random' icons not meant for the icon-library */
+  const validIcons = data.meta.components.filter((icon) => {
+    const validIcon =
+      !!icon.containing_frame?.pageName && !!icon.containing_frame?.name;
+
+    if (!validIcon) {
+      console.warn(`Ignoring icon '${icon.name}' as it is missing metadata`);
+    }
+    return validIcon;
+  });
+
+  console.info(
+    `Found ${validIcons.length} published icons in Figma. ${
+      data.meta.components.length - validIcons.length
+    } icons were ignored due to missing metadata.`,
+  );
+
+  console.groupEnd();
+
+  return validIcons;
+};
+
+export const fetchDownloadUrls = async (
+  nodeIds: string[],
+): Promise<Record<string, string>> => {
+  /* Would just using Record be better here? Yes. But is a self-referencing return kinda cool? Also yes */
+  const idUrlPairs: Awaited<ReturnType<typeof fetchDownloadUrls>> = {};
+
+  /* Figma accepts a comma-separated list of ids: GET /v1/images/:key?ids=1:2,1:3,1:4 */
+  const paginatedNodeIds = splitIntoParts(nodeIds, 5);
+
+  for (const ids of paginatedNodeIds) {
+    const data: GetImagesResponse | ErrorResponsePayloadWithErrMessage =
+      await fetch(
+        `https://api.figma.com/v1/images/${FIGMA_FILE_KEY}/?ids=${ids}&format=svg`,
+        {
+          headers: {
+            "Content-type": "application/json",
+            "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN ?? "",
+          },
+        },
+      )
+        .then((x) => x.json())
+        .catch((e) => {
+          throw e.message;
+        });
+
+    if (data.err !== null) {
+      throw new Error(data.err);
+    }
+
+    for (const [key, value] of Object.entries(data.images)) {
+      if (!value) {
+        console.warn(`No image found for ${key}`);
+        continue;
+      }
+      idUrlPairs[key] = value;
+    }
+  }
+  return idUrlPairs;
+};
+
+/**
+ * Splits an array of strings into parts where each part is a comma-separated string of all the strings for that part.
+ * @returns An array of comma-separated strings.
+ */
+export function splitIntoParts(arr: string[], parts: number): string[] {
+  const partSize = Math.ceil(arr.length / parts);
+  const blocks: string[] = [];
+
+  for (let i = 0; i < parts && i * partSize < arr.length; i++) {
+    const part = arr.slice(i * partSize, (i + 1) * partSize);
+    blocks.push(part.join(","));
+  }
+
+  return blocks;
+}

@navikt/aksel-icons/config/figma/icon-name.ts

@@ -1,12 +1,13 @@
-import camelCase from "lodash.camelCase";
-import startCase from "lodash.startcase";
+import { PublishedComponent } from "@figma/rest-api-spec";
+import { camelCase, startCase } from "lodash";
 
-export const resolveName = (icon) => {
+export const resolveName = (icon: PublishedComponent) => {
   const isVariant = icon.name.startsWith("Variant=");
 
   if (isVariant) {
     const variant = icon.name.replace("Variant=", "").replace("Stroke", "");
-    const actualName = icon["containing_frame"]?.["containingStateGroup"]?.name;
+
+    const actualName = icon.containing_frame?.containingComponentSet?.name;
     const name = `${actualName}${variant}`;
     return `${startCase(camelCase(name)).replace(/ /g, "")}.svg`;
   }

@navikt/aksel-icons/config/figma/index.mjs

@@ -1,64 +0,0 @@
-import { existsSync, mkdirSync, readdirSync, rmSync, writeFileSync } from "fs";
-import { resolve } from "path";
-import { fetchDownloadUrls, fetchIcon, fetchIcons } from "./fetch-icons.mjs";
-import { resolveName } from "./icon-name.mjs";
-import { makeConfig } from "./make-configs.mjs";
-import { paginate } from "./paginate.mjs";
-
-/* https://www.figma.com/file/wEdyFjCQSBR3U7FvrMbPXa/Core-Icons-Next?node-id=277%3A1221&t=mUJzFvnsceYYXNL5-0 */
-
-const iconFolder = "./icons";
-
-if (!process.env.FIGMA_TOKEN) {
-  throw new Error("FIGMA_TOKEN not set in .env");
-}
-
-async function main() {
-  console.info("Started icon-update from Figma");
-  let icons = await fetchIcons();
-
-  const totalIcons = icons.length;
-
-  const { images } = await fetchDownloadUrls(
-    paginate(
-      icons.map((x) => x.node_id),
-      400,
-    ).map((x) => x.join(",")),
-  );
-
-  if (existsSync(iconFolder)) {
-    rmSync(iconFolder, { recursive: true, force: true });
-  }
-
-  mkdirSync(iconFolder);
-
-  console.info(`Laster ned ${Object.keys(images).length} ikoner`);
-
-  for (const [key, value] of Object.entries(images)) {
-    const icon = await fetchIcon(value).catch((e) => {
-      throw e;
-    });
-    await new Promise((r) => setTimeout(r, 20));
-
-    icon &&
-      writeFileSync(
-        resolve(iconFolder, resolveName(icons.find((x) => x.node_id === key))),
-        icon,
-        {
-          encoding: "utf8",
-        },
-      );
-  }
-
-  makeConfig(icons, iconFolder);
-
-  readdirSync(iconFolder, (_, files) => {
-    if (files.length * 2 !== totalIcons) {
-      throw new Error(`Ikoner mangler!`);
-    }
-  });
-
-  console.info(`Success! ${Object.keys(images).length} ikoner lastet ned`);
-}
-
-main();

@navikt/aksel-icons/config/figma/index.ts

@@ -0,0 +1,106 @@
+import { existsSync, mkdirSync, readdirSync, rmSync, writeFileSync } from "fs";
+import { resolve } from "path";
+import { fetchDownloadUrls, fetchIcons } from "./fetch-icons";
+import { resolveName } from "./icon-name";
+import { makeConfig } from "./make-configs";
+
+/**
+ * https://www.figma.com/file/wEdyFjCQSBR3U7FvrMbPXa/Core-Icons-Next?node-id=277%3A1221&t=mUJzFvnsceYYXNL5-0
+ * This is the current source for all icons we are working with.
+ */
+
+const iconFolder = "./icons";
+
+if (!process.env.FIGMA_TOKEN) {
+  throw new Error("FIGMA_TOKEN not set in .env");
+}
+
+main();
+
+async function main() {
+  console.info("Started icon-update from Figma");
+  /* Icons are published as 'components' in Figma */
+  const publishedIconComponents = await fetchIcons();
+
+  /* When we have all the published icons, we can ask figma for URL's for downloading them as assets */
+  const imagesUrls = await fetchDownloadUrls(
+    publishedIconComponents.map((x) => x.node_id),
+  );
+
+  /* Lets do a clean install */
+  if (existsSync(iconFolder)) {
+    rmSync(iconFolder, { recursive: true, force: true });
+  }
+  mkdirSync(iconFolder);
+
+  console.group(`Processing ${Object.keys(imagesUrls).length} icons...`);
+
+  const fileNames = new Set<string>();
+
+  await Promise.all(
+    Object.entries(imagesUrls).map(async ([nodeId, iconUrl]) => {
+      /* Each icon is now a raw string for a complete SVG */
+      const iconSvg = await fetch(iconUrl)
+        .then((x) => x.text())
+        .catch((e) => {
+          throw e.message;
+        });
+
+      const matchingIcon = publishedIconComponents.find(
+        (x) => x.node_id === nodeId,
+      );
+
+      if (!matchingIcon) {
+        throw new Error(
+          `No matching icon found for ${nodeId}. It should not be possible to dowload icon without a matching icon in the list of icons fetched from Figma.`,
+        );
+      }
+
+      const fileName = resolveName(matchingIcon);
+
+      /*
+       * In some cases if multiple icons are published in Figma with the same name,
+       * we will end up overwriting the icon with the same name.
+       */
+      if (fileNames.has(fileName)) {
+        console.warn(`Duplicate name detected: ${fileName}.`);
+      }
+
+      fileNames.add(fileName);
+
+      writeFileSync(resolve(iconFolder, resolveName(matchingIcon)), iconSvg, {
+        encoding: "utf8",
+      });
+    }),
+  );
+
+  if (fileNames.size !== publishedIconComponents.length) {
+    console.warn(
+      `Duplicate icon names from Figma leads to them being overwritten. This will cause the icon-library to be out of sync with Figma.`,
+    );
+  }
+
+  console.info(`Completed processing 🎉`);
+  console.groupEnd();
+
+  makeConfig(publishedIconComponents, iconFolder);
+
+  const filesInDir = readdirSync(iconFolder);
+  const svgFiles = filesInDir.filter((x) => x.endsWith(".svg"));
+  const ymlFiles = filesInDir.filter((x) => x.endsWith(".yml"));
+
+  if (
+    svgFiles.length !== publishedIconComponents.length ||
+    ymlFiles.length !== publishedIconComponents.length
+  ) {
+    throw new Error(
+      `Icons (${svgFiles.length}) and configs (${ymlFiles.length}) written to directory does not match the expected amount of icons located in Figma (${publishedIconComponents.length}).\nThis is most likely caused by duplicate icon names from figma.`,
+    );
+  }
+
+  console.info(
+    `Success! A total of ${
+      Object.keys(imagesUrls).length
+    } were fetched and downloaded from Figma 🎉`,
+  );
+}

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

@@ -1,17 +1,40 @@
+import { PublishedComponent } from "@figma/rest-api-spec";
 import { writeFileSync } from "fs";
-import jsYaml from "js-yaml";
+import { dump } from "js-yaml";
 import { resolve } from "path";
-import { resolveName } from "./icon-name.mjs";
+import { resolveName } from "./icon-name";
 
-export const makeConfig = (icons, folder) => {
-  icons.forEach((icon) => {
+export type IconYml = {
+  name: string;
+  category: string;
+  sub_category: string;
+  keywords: string[];
+  variant: string;
+  updated_at: string;
+  created_at: string;
+};
+
+export const makeConfig = (
+  icons: PublishedComponent[],
+  dirLocation: string,
+) => {
+  console.group("Creating icon yml...");
+
+  let counter = 0;
+  for (const icon of icons) {
     const name = resolveName(icon).replace(".svg", "");
     const keywords = icon.description
       .split(",")
       .map((x) => x.trim())
       .filter(Boolean);
 
-    const config = {
+    if (!icon.containing_frame?.pageName || !icon.containing_frame?.name) {
+      throw new Error(
+        `Missing containing_frame.pageName or containing_frame.name for icon ${name}`,
+      );
+    }
+
+    const config: IconYml = {
       name,
       category: icon.containing_frame.pageName,
       sub_category: icon.containing_frame.name,
@@ -33,14 +56,18 @@ export const makeConfig = (icons, folder) => {
         .join("."),
     };
 
-    const yml = jsYaml.dump(config, {
+    const yml = dump(config, {
       noRefs: true,
       skipInvalid: false,
       quotingType: '"',
     });
 
-    writeFileSync(resolve(folder, `${config.name}.yml`), yml, {
+    writeFileSync(resolve(dirLocation, `${config.name}.yml`), yml, {
       encoding: "utf8",
     });
-  });
+    counter++;
+  }
+
+  console.info(`Created ${counter} icon yml files`);
+  console.groupEnd();
 };

@navikt/aksel-icons/config/figma/paginate.mjs

@@ -1,12 +0,0 @@
-export function paginate(arr, size) {
-  return arr.reduce((acc, val, i) => {
-    let idx = Math.floor(i / size);
-    if (!acc[idx]) {
-      acc[idx] = [];
-    }
-    let page = acc[idx];
-    page.push(val);
-
-    return acc;
-  }, []);
-}

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

@@ -15,6 +15,7 @@ ymlList.forEach((file) => {
   const ymlData = jsYaml.load(fs.readFileSync(`${basePath}/${file}`), {
     schema: jsYaml.JSON_SCHEMA,
   });
+  // biome-ignore lint/complexity/useOptionalChain: optional chain not supported in enviroment. Consider revriting to Typescript
   if (ymlData.keywords && ymlData.keywords.includes("[ignore-docs]")) {
     return;
   }
@@ -48,8 +49,12 @@ fs.writeFileSync(
     created_at: Date;
   }
 
+  type AkselIconName = ${Object.keys(metadata)
+    .map((icon) => `"${icon}"`)
+    .join(" | ")};
+
   declare const metadata: {
-    [iconId: string]: AkselIcon;
+    [key in AkselIconName]: AkselIcon;
   };
 
   export default metadata;`,

@navikt/aksel-icons/config/parse-svg.js

@@ -34,7 +34,7 @@ function parseIcon(svgString) {
   let icon = svgString;
   icon = icon.replace(`width="24"`, `width="1em"`);
   icon = icon.replace(`height="24"`, `height="1em"`);
-  icon = icon.replaceAll(`#23262A`, `currentColor`);
+  icon = icon.replaceAll(`#202733`, `currentColor`);
 
   return icon;
 }

@navikt/aksel-icons/figma-plugin/README.md

@@ -2,9 +2,9 @@
 
 # Aksel Icons plugin
 
-Pluginen gir deg mulighet til å se gjennom og hente ut alle ikonene i fra ikonpakken `@navikt/aksel-icons`. Du slipper da å hente nye oppdateringer fra Figma Community.
+Pluginen gir deg mulighet til å se gjennom og hente ut alle ikonene fra ikonpakken `@navikt/aksel-icons`. Du slipper da å hente nye oppdateringer fra Figma Community.
 
-Referer til [ikon-dokumentasjonen](https://aksel.nav.no/ikoner) for å se alle ikonene.
+Gå til [ikon-dokumentasjonen](https://aksel.nav.no/ikoner) for å se alle ikonene.
 Har du ønsker om nye ikoner, eller ønsker å bidra med å lage nye, lag et issue på [GitHub-repoet for designsystemet](https://github.com/navikt/aksel).
 
 ## Quickstart

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

@@ -22,14 +22,14 @@
     "@svgr/core": "^8.1.0",
     "@types/node": "^18.15.11",
     "@types/postcss-url": "^10.0.4",
-    "@types/react": "^18.0.0",
+    "@types/react": "^18.3.11",
     "@types/react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^4.2.1",
     "postcss": "^8.4.31",
     "postcss-url": "^10.1.3",
-    "typescript": "^5.1.6",
-    "vite": "^5.4.6",
-    "vite-plugin-singlefile": "^1.0.0",
+    "typescript": "5.8.3",
+    "vite": "^6.1.6",
+    "vite-plugin-singlefile": "^2.2.0",
     "vite-plugin-svgr": "^4.2.0"
   }
 }

@navikt/aksel-icons/figma-plugin/src/ui/utils.ts

@@ -1,9 +1,9 @@
-import meta from "@navikt/aksel-icons/metadata";
+import { AkselIcon } from "@navikt/aksel-icons/metadata";
 
 const subCategorizeIcons = (
-  icons: (typeof meta)[1][],
-): { sub_category: string; icons: (typeof meta)[1][] }[] => {
-  const categories: { sub_category: string; icons: (typeof meta)[1][] }[] = [];
+  icons: AkselIcon[],
+): { sub_category: string; icons: AkselIcon[] }[] => {
+  const categories: { sub_category: string; icons: AkselIcon[] }[] = [];
 
   for (const icon of icons) {
     const i = categories.findIndex(
@@ -19,14 +19,14 @@ const subCategorizeIcons = (
 };
 
 export const categorizeIcons = (
-  icons: (typeof meta)[1][],
+  icons: AkselIcon[],
 ): {
   category: string;
-  sub_categories: { sub_category: string; icons: (typeof meta)[1][] }[];
+  sub_categories: { sub_category: string; icons: AkselIcon[] }[];
 }[] => {
   const categories: {
     category: string;
-    icons: (typeof meta)[1][];
+    icons: AkselIcon[];
   }[] = [];
 
   for (const icon of icons) {
@@ -42,14 +42,14 @@ export const categorizeIcons = (
     .map((x) => ({ ...x, sub_categories: subCategorizeIcons(x.icons) }));
 };
 
-const noFill = (icon: (typeof meta)[1], icons: (typeof meta)[1][]) => {
+const noFill = (icon: AkselIcon, icons: AkselIcon[]) => {
   const foundFill = icons.find(
     (x) => x.name.endsWith("Fill") && x.name.replace("Fill", "") === icon.name,
   );
   return !foundFill;
 };
 
-export const getFillIcon = (icons: (typeof meta)[1][]) => {
+export const getFillIcon = (icons: AkselIcon[]) => {
   return icons.filter(
     (x, _, z) => x.variant.toLowerCase() === "fill" || noFill(x, z),
   );

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

@@ -1,3 +1,3 @@
 <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="M6.38832 3.62499C6.15657 3.69144 5.9709 3.86524 5.88931 4.0921C5.80771 4.31895 5.84014 4.5712 5.97647 4.77004L8.36835 8.25872L8.11301 8.33194L5.79544 6.68857C5.60958 6.55678 5.3739 6.51662 5.15489 6.57942L3.23236 7.1307C2.97861 7.20346 2.7818 7.40427 2.71414 7.65943C2.64649 7.91459 2.71796 8.18653 2.90233 8.37546L5.97257 11.5216C7.44996 13.0355 9.63928 13.6159 11.6727 13.0329L20.337 10.5484C21.3272 10.2645 21.5682 8.97202 20.747 8.35025L19.1525 7.143C17.9605 6.24051 16.4131 5.95192 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05783 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26243 9.5628L9.55282 9.98634C9.78704 10.328 10.2539 10.415 10.5955 10.1808C10.9371 9.94658 11.0242 9.47976 10.79 9.13813L7.80203 4.78006L8.34893 4.62324L12.7881 8.21904C12.9783 8.37308 13.2316 8.42465 13.4669 8.35719L15.3894 7.80591C16.3728 7.52395 17.4315 7.72141 18.247 8.3389L19.4429 9.24434L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76405C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74693 17.3691 9.71403 17.335C10.473 16.6649 11.8213 15.75 13.4998 15.75C16.5856 15.75 18.2498 17.9142 18.2498 20C18.2498 20.4142 18.5856 20.75 18.9998 20.75C19.414 20.75 19.7498 20.4142 19.7498 20C19.7498 17.0858 17.414 14.25 13.4998 14.25C11.0483 14.25 9.2246 15.7083 8.41735 16.4919C7.99415 16.3357 7.52002 16.25 7 16.25C5.79648 16.25 4.83873 16.7088 4.18944 17.4392C3.55242 18.1559 3.25 19.0902 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75C4.41421 20.75 4.75 20.4142 4.75 20C4.75 19.4098 4.94758 18.8441 5.31056 18.4358C5.66127 18.0412 6.20352 17.75 7 17.75C7.79648 17.75 8.33873 18.0412 8.68944 18.4358C9.05242 18.8441 9.25 19.4098 9.25 20C9.25 20.4142 9.58579 20.75 10 20.75C10.4142 20.75 10.75 20.4142 10.75 20C10.75 19.0902 10.4476 18.1559 9.81056 17.4392Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38832 3.62499C6.15657 3.69144 5.9709 3.86524 5.88931 4.0921C5.80771 4.31895 5.84014 4.5712 5.97647 4.77004L8.36835 8.25872L8.11301 8.33194L5.79544 6.68857C5.60958 6.55678 5.3739 6.51662 5.15489 6.57942L3.23236 7.1307C2.97861 7.20346 2.7818 7.40427 2.71414 7.65943C2.64649 7.91459 2.71796 8.18653 2.90233 8.37546L5.97257 11.5216C7.44996 13.0355 9.63928 13.6159 11.6727 13.0329L20.337 10.5484C21.3272 10.2645 21.5682 8.97202 20.747 8.35025L19.1525 7.143C17.9605 6.24051 16.4131 5.95192 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05783 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26243 9.5628L9.55282 9.98634C9.78704 10.328 10.2539 10.415 10.5955 10.1808C10.9371 9.94658 11.0242 9.47976 10.79 9.13813L7.80203 4.78006L8.34893 4.62324L12.7881 8.21904C12.9783 8.37308 13.2316 8.42465 13.4669 8.35719L15.3894 7.80591C16.3728 7.52395 17.4315 7.72141 18.247 8.3389L19.4429 9.24434L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76405C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74693 17.3691 9.71403 17.335C10.473 16.6649 11.8213 15.75 13.4998 15.75C16.5856 15.75 18.2498 17.9142 18.2498 20C18.2498 20.4142 18.5856 20.75 18.9998 20.75C19.414 20.75 19.7498 20.4142 19.7498 20C19.7498 17.0858 17.414 14.25 13.4998 14.25C11.0483 14.25 9.2246 15.7083 8.41735 16.4919C7.99415 16.3357 7.52002 16.25 7 16.25C5.79648 16.25 4.83873 16.7088 4.18944 17.4392C3.55242 18.1559 3.25 19.0902 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75C4.41421 20.75 4.75 20.4142 4.75 20C4.75 19.4098 4.94758 18.8441 5.31056 18.4358C5.66127 18.0412 6.20352 17.75 7 17.75C7.79648 17.75 8.33873 18.0412 8.68944 18.4358C9.05242 18.8441 9.25 19.4098 9.25 20C9.25 20.4142 9.58579 20.75 10 20.75C10.4142 20.75 10.75 20.4142 10.75 20C10.75 19.0902 10.4476 18.1559 9.81056 17.4392Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M6.38826 3.62505C6.15652 3.6915 5.97084 3.8653 5.88925 4.09216C5.80765 4.31901 5.84009 4.57126 5.97641 4.7701L8.36829 8.25878L8.11295 8.332L5.79538 6.68863C5.60952 6.55684 5.37384 6.51668 5.15483 6.57948L3.23231 7.13075C2.97855 7.20352 2.78174 7.40432 2.71408 7.65949C2.64643 7.91465 2.7179 8.18659 2.90227 8.37552L5.97251 11.5216C7.4499 13.0355 9.63922 13.616 11.6726 13.0329L20.337 10.5485C21.3271 10.2645 21.5682 8.97208 20.7469 8.35031L19.1524 7.14305C17.9604 6.24057 16.4131 5.95197 14.9759 6.36408L13.4288 6.80772L8.98958 3.21193C8.79941 3.05788 8.54604 3.00632 8.31078 3.07377L6.38826 3.62505ZM10.0595 15.2359C9.8993 15.3303 9.90495 15.561 10.0577 15.6671C10.3786 15.8898 10.6712 16.1496 10.9317 16.4427C11.8431 17.4679 12.2501 18.7711 12.2501 20L12.25 20.0141C12.249 20.1747 12.3791 20.3143 12.5393 20.303C13.0023 20.2704 13.455 20.25 13.8625 20.25C15.61 20.25 18.1887 20.6258 18.844 20.7258C18.9487 20.7418 19.0543 20.7555 19.1579 20.7333C19.4962 20.6608 19.7499 20.36 19.7499 20C19.7499 17.0858 17.4141 14.25 13.4999 14.25C12.1367 14.25 10.9677 14.7009 10.0595 15.2359ZM4.18944 17.4392C4.83873 16.7088 5.79648 16.25 7 16.25C8.20352 16.25 9.16127 16.7088 9.81056 17.4392C10.4476 18.1559 10.75 19.0902 10.75 20C10.75 20.3184 10.5516 20.5905 10.2716 20.6993C10.0998 20.7661 9.91096 20.7245 9.73237 20.6789C9.19197 20.5408 7.94182 20.25 7 20.25C6.05818 20.25 4.80803 20.5408 4.26763 20.6789C4.08904 20.7245 3.90023 20.7661 3.72842 20.6993C3.44845 20.5905 3.25 20.3184 3.25 20C3.25 19.0902 3.55242 18.1559 4.18944 17.4392Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38826 3.62505C6.15652 3.6915 5.97084 3.8653 5.88925 4.09216C5.80765 4.31901 5.84009 4.57126 5.97641 4.7701L8.36829 8.25878L8.11295 8.332L5.79538 6.68863C5.60952 6.55684 5.37384 6.51668 5.15483 6.57948L3.23231 7.13075C2.97855 7.20352 2.78174 7.40432 2.71408 7.65949C2.64643 7.91465 2.7179 8.18659 2.90227 8.37552L5.97251 11.5216C7.4499 13.0355 9.63922 13.616 11.6726 13.0329L20.337 10.5485C21.3271 10.2645 21.5682 8.97208 20.7469 8.35031L19.1524 7.14305C17.9604 6.24057 16.4131 5.95197 14.9759 6.36408L13.4288 6.80772L8.98958 3.21193C8.79941 3.05788 8.54604 3.00632 8.31078 3.07377L6.38826 3.62505ZM10.0595 15.2359C9.8993 15.3303 9.90495 15.561 10.0577 15.6671C10.3786 15.8898 10.6712 16.1496 10.9317 16.4427C11.8431 17.4679 12.2501 18.7711 12.2501 20L12.25 20.0141C12.249 20.1747 12.3791 20.3143 12.5393 20.303C13.0023 20.2704 13.455 20.25 13.8625 20.25C15.61 20.25 18.1887 20.6258 18.844 20.7258C18.9487 20.7418 19.0543 20.7555 19.1579 20.7333C19.4962 20.6608 19.7499 20.36 19.7499 20C19.7499 17.0858 17.4141 14.25 13.4999 14.25C12.1367 14.25 10.9677 14.7009 10.0595 15.2359ZM4.18944 17.4392C4.83873 16.7088 5.79648 16.25 7 16.25C8.20352 16.25 9.16127 16.7088 9.81056 17.4392C10.4476 18.1559 10.75 19.0902 10.75 20C10.75 20.3184 10.5516 20.5905 10.2716 20.6993C10.0998 20.7661 9.91096 20.7245 9.73237 20.6789C9.19197 20.5408 7.94182 20.25 7 20.25C6.05818 20.25 4.80803 20.5408 4.26763 20.6789C4.08904 20.7245 3.90023 20.7661 3.72842 20.6993C3.44845 20.5905 3.25 20.3184 3.25 20C3.25 19.0902 3.55242 18.1559 4.18944 17.4392Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM6.75 16.25H9.25L9.25 4.75H6.75L6.75 16.25ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17ZM17.25 16.25H14.75V10.75H17.25V16.25Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM6.75 16.25H9.25L9.25 4.75H6.75L6.75 16.25ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17ZM17.25 16.25H14.75V10.75H17.25V16.25Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25ZM11.25 14.75H9.25V17.25H11.25V14.75ZM12.75 17.25H14.75V14.75H12.75V17.25ZM6.25 6.75H11.25V9.25H6.25V6.75ZM12.75 6.75V9.25H17.75V6.75H12.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25ZM11.25 14.75H9.25V17.25H11.25V14.75ZM12.75 17.25H14.75V14.75H12.75V17.25ZM6.25 6.75H11.25V9.25H6.25V6.75ZM12.75 6.75V9.25H17.75V6.75H12.75Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7.75 6.75V9.25H19.25V6.75H7.75ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7ZM7.75 17.25V14.75H13.25V17.25H7.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7.75 6.75V9.25H19.25V6.75H7.75ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7ZM7.75 17.25V14.75H13.25V17.25H7.75Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6ZM14.75 12.75V14.75H17.25V12.75L14.75 12.75ZM17.25 11.25V9.25H14.75V11.25L17.25 11.25ZM6.75 17.75L6.75 12.75H9.25V17.75H6.75ZM9.25 6.25V11.25H6.75L6.75 6.25L9.25 6.25Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6ZM14.75 12.75V14.75H17.25V12.75L14.75 12.75ZM17.25 11.25V9.25H14.75V11.25L17.25 11.25ZM6.75 17.75L6.75 12.75H9.25V17.75H6.75ZM9.25 6.25V11.25H6.75L6.75 6.25L9.25 6.25Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM16.25 9.25V6.75L4.75 6.75L4.75 9.25L16.25 9.25ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75ZM16.25 14.75V17.25L10.75 17.25L10.75 14.75L16.25 14.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM16.25 9.25V6.75L4.75 6.75L4.75 9.25L16.25 9.25ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75ZM16.25 14.75V17.25L10.75 17.25L10.75 14.75L16.25 14.75Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM9.25 7.75H6.75L6.75 19.25H9.25L9.25 7.75ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7ZM14.75 7.75H17.25V13.25H14.75V7.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM9.25 7.75H6.75L6.75 19.25H9.25L9.25 7.75ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7ZM14.75 7.75H17.25V13.25H14.75V7.75Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M14.75 3.55005C14.75 3.13584 15.0858 2.80005 15.5 2.80005H15.51C15.9242 2.80005 16.26 3.13584 16.26 3.55005C16.26 3.96426 15.9242 4.30005 15.51 4.30005H15.5C15.0858 4.30005 14.75 3.96426 14.75 3.55005ZM14.25 8.5C14.25 7.80964 14.8096 7.25 15.5 7.25C16.1904 7.25 16.75 7.80964 16.75 8.5C16.75 9.19036 16.1904 9.75 15.5 9.75C14.8096 9.75 14.25 9.19036 14.25 8.5ZM15.5 5.75C13.9812 5.75 12.75 6.98122 12.75 8.5C12.75 10.0188 13.9812 11.25 15.5 11.25C17.0188 11.25 18.25 10.0188 18.25 8.5C18.25 6.98122 17.0188 5.75 15.5 5.75ZM7.25 15.5C7.25 14.8096 7.80964 14.25 8.5 14.25C9.19036 14.25 9.75 14.8096 9.75 15.5C9.75 16.1904 9.19036 16.75 8.5 16.75C7.80964 16.75 7.25 16.1904 7.25 15.5ZM8.5 12.75C6.98122 12.75 5.75 13.9812 5.75 15.5C5.75 17.0188 6.98122 18.25 8.5 18.25C10.0188 18.25 11.25 17.0188 11.25 15.5C11.25 13.9812 10.0188 12.75 8.5 12.75ZM7.75 10.55C7.75 10.1358 8.08579 9.80005 8.5 9.80005H8.51C8.92421 9.80005 9.26 10.1358 9.26 10.55C9.26 10.9643 8.92421 11.3 8.51 11.3H8.5C8.08579 11.3 7.75 10.9643 7.75 10.55ZM5.5374 12.5231C5.83029 12.2302 5.83029 11.7554 5.5374 11.4625C5.24451 11.1696 4.76963 11.1696 4.47674 11.4625L4.46967 11.4695C4.17678 11.7624 4.17678 12.2373 4.46967 12.5302C4.76256 12.8231 5.23744 12.8231 5.53033 12.5302L5.5374 12.5231ZM3.5498 14.74C3.96402 14.74 4.2998 15.0758 4.2998 15.49V15.5C4.2998 15.9142 3.96402 16.25 3.5498 16.25C3.13559 16.25 2.7998 15.9142 2.7998 15.5V15.49C2.7998 15.0758 3.13559 14.74 3.5498 14.74ZM5.52349 18.463C5.2306 18.1701 4.75573 18.1701 4.46283 18.463C4.16994 18.7558 4.16994 19.2307 4.46283 19.5236L4.46991 19.5307C4.7628 19.8236 5.23767 19.8236 5.53057 19.5307C5.82346 19.2378 5.82346 18.7629 5.53057 18.47L5.52349 18.463ZM7.74023 20.45C7.74023 20.0357 8.07602 19.7 8.49023 19.7H8.50023C8.91445 19.7 9.25023 20.0357 9.25023 20.45C9.25023 20.8642 8.91445 21.2 8.50023 21.2H8.49023C8.07602 21.2 7.74023 20.8642 7.74023 20.45ZM12.5306 19.5305C12.8235 19.2376 12.8235 18.7627 12.5306 18.4698C12.2377 18.1769 11.7628 18.1769 11.4699 18.4698L11.4628 18.4769C11.1699 18.7698 11.1699 19.2446 11.4628 19.5375C11.7557 19.8304 12.2306 19.8304 12.5235 19.5375L12.5306 19.5305ZM13.4502 14.75C13.8644 14.75 14.2002 15.0858 14.2002 15.5V15.51C14.2002 15.9242 13.8644 16.26 13.4502 16.26C13.036 16.26 12.7002 15.9242 12.7002 15.51V15.5C12.7002 15.0858 13.036 14.75 13.4502 14.75ZM11.4937 12.5535C11.4856 12.5461 11.4777 12.5385 11.4699 12.5307L11.4628 12.5236C11.1699 12.2307 11.1699 11.7558 11.4628 11.463C11.7501 11.1756 12.2126 11.1702 12.5066 11.4465C12.5146 11.4539 12.5225 11.4615 12.5303 11.4693L12.5374 11.4764C12.8303 11.7693 12.8303 12.2441 12.5374 12.537C12.2501 12.8243 11.7877 12.8298 11.4937 12.5535ZM12.5374 5.52313C12.8303 5.23023 12.8303 4.75536 12.5374 4.46247C12.2445 4.16957 11.7696 4.16957 11.4767 4.46247L11.4697 4.46954C11.1768 4.76243 11.1768 5.23731 11.4697 5.5302C11.7626 5.82309 12.2374 5.82309 12.5303 5.5302L12.5374 5.52313ZM10.5498 7.73999C10.964 7.73999 11.2998 8.07578 11.2998 8.48999V8.49999C11.2998 8.9142 10.964 9.24999 10.5498 9.24999C10.1356 9.24999 9.7998 8.9142 9.7998 8.49999V8.48999C9.7998 8.07578 10.1356 7.73999 10.5498 7.73999ZM14.7402 13.45C14.7402 13.0357 15.076 12.7 15.4902 12.7H15.5002C15.9144 12.7 16.2502 13.0357 16.2502 13.45C16.2502 13.8642 15.9144 14.2 15.5002 14.2H15.4902C15.076 14.2 14.7402 13.8642 14.7402 13.45ZM19.5306 12.5305C19.8235 12.2376 19.8235 11.7627 19.5306 11.4698C19.2377 11.1769 18.7628 11.1769 18.4699 11.4698L18.4628 11.4769C18.1699 11.7698 18.1699 12.2446 18.4628 12.5375C18.7557 12.8304 19.2306 12.8304 19.5235 12.5375L19.5306 12.5305ZM20.4502 7.75C20.8644 7.75 21.2002 8.08579 21.2002 8.5V8.51C21.2002 8.92421 20.8644 9.26 20.4502 9.26C20.036 9.26 19.7002 8.92421 19.7002 8.51V8.5C19.7002 8.08579 20.036 7.75 20.4502 7.75ZM19.5303 4.4693C19.2374 4.17641 18.7626 4.17641 18.4697 4.4693C18.1768 4.7622 18.1768 5.23707 18.4697 5.52996L18.4767 5.53703C18.7696 5.82993 19.2445 5.82993 19.5374 5.53703C19.8303 5.24414 19.8303 4.76927 19.5374 4.47637L19.5303 4.4693Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.75 3.55005C14.75 3.13584 15.0858 2.80005 15.5 2.80005H15.51C15.9242 2.80005 16.26 3.13584 16.26 3.55005C16.26 3.96426 15.9242 4.30005 15.51 4.30005H15.5C15.0858 4.30005 14.75 3.96426 14.75 3.55005ZM14.25 8.5C14.25 7.80964 14.8096 7.25 15.5 7.25C16.1904 7.25 16.75 7.80964 16.75 8.5C16.75 9.19036 16.1904 9.75 15.5 9.75C14.8096 9.75 14.25 9.19036 14.25 8.5ZM15.5 5.75C13.9812 5.75 12.75 6.98122 12.75 8.5C12.75 10.0188 13.9812 11.25 15.5 11.25C17.0188 11.25 18.25 10.0188 18.25 8.5C18.25 6.98122 17.0188 5.75 15.5 5.75ZM7.25 15.5C7.25 14.8096 7.80964 14.25 8.5 14.25C9.19036 14.25 9.75 14.8096 9.75 15.5C9.75 16.1904 9.19036 16.75 8.5 16.75C7.80964 16.75 7.25 16.1904 7.25 15.5ZM8.5 12.75C6.98122 12.75 5.75 13.9812 5.75 15.5C5.75 17.0188 6.98122 18.25 8.5 18.25C10.0188 18.25 11.25 17.0188 11.25 15.5C11.25 13.9812 10.0188 12.75 8.5 12.75ZM7.75 10.55C7.75 10.1358 8.08579 9.80005 8.5 9.80005H8.51C8.92421 9.80005 9.26 10.1358 9.26 10.55C9.26 10.9643 8.92421 11.3 8.51 11.3H8.5C8.08579 11.3 7.75 10.9643 7.75 10.55ZM5.5374 12.5231C5.83029 12.2302 5.83029 11.7554 5.5374 11.4625C5.24451 11.1696 4.76963 11.1696 4.47674 11.4625L4.46967 11.4695C4.17678 11.7624 4.17678 12.2373 4.46967 12.5302C4.76256 12.8231 5.23744 12.8231 5.53033 12.5302L5.5374 12.5231ZM3.5498 14.74C3.96402 14.74 4.2998 15.0758 4.2998 15.49V15.5C4.2998 15.9142 3.96402 16.25 3.5498 16.25C3.13559 16.25 2.7998 15.9142 2.7998 15.5V15.49C2.7998 15.0758 3.13559 14.74 3.5498 14.74ZM5.52349 18.463C5.2306 18.1701 4.75573 18.1701 4.46283 18.463C4.16994 18.7558 4.16994 19.2307 4.46283 19.5236L4.46991 19.5307C4.7628 19.8236 5.23767 19.8236 5.53057 19.5307C5.82346 19.2378 5.82346 18.7629 5.53057 18.47L5.52349 18.463ZM7.74023 20.45C7.74023 20.0357 8.07602 19.7 8.49023 19.7H8.50023C8.91445 19.7 9.25023 20.0357 9.25023 20.45C9.25023 20.8642 8.91445 21.2 8.50023 21.2H8.49023C8.07602 21.2 7.74023 20.8642 7.74023 20.45ZM12.5306 19.5305C12.8235 19.2376 12.8235 18.7627 12.5306 18.4698C12.2377 18.1769 11.7628 18.1769 11.4699 18.4698L11.4628 18.4769C11.1699 18.7698 11.1699 19.2446 11.4628 19.5375C11.7557 19.8304 12.2306 19.8304 12.5235 19.5375L12.5306 19.5305ZM13.4502 14.75C13.8644 14.75 14.2002 15.0858 14.2002 15.5V15.51C14.2002 15.9242 13.8644 16.26 13.4502 16.26C13.036 16.26 12.7002 15.9242 12.7002 15.51V15.5C12.7002 15.0858 13.036 14.75 13.4502 14.75ZM11.4937 12.5535C11.4856 12.5461 11.4777 12.5385 11.4699 12.5307L11.4628 12.5236C11.1699 12.2307 11.1699 11.7558 11.4628 11.463C11.7501 11.1756 12.2126 11.1702 12.5066 11.4465C12.5146 11.4539 12.5225 11.4615 12.5303 11.4693L12.5374 11.4764C12.8303 11.7693 12.8303 12.2441 12.5374 12.537C12.2501 12.8243 11.7877 12.8298 11.4937 12.5535ZM12.5374 5.52313C12.8303 5.23023 12.8303 4.75536 12.5374 4.46247C12.2445 4.16957 11.7696 4.16957 11.4767 4.46247L11.4697 4.46954C11.1768 4.76243 11.1768 5.23731 11.4697 5.5302C11.7626 5.82309 12.2374 5.82309 12.5303 5.5302L12.5374 5.52313ZM10.5498 7.73999C10.964 7.73999 11.2998 8.07578 11.2998 8.48999V8.49999C11.2998 8.9142 10.964 9.24999 10.5498 9.24999C10.1356 9.24999 9.7998 8.9142 9.7998 8.49999V8.48999C9.7998 8.07578 10.1356 7.73999 10.5498 7.73999ZM14.7402 13.45C14.7402 13.0357 15.076 12.7 15.4902 12.7H15.5002C15.9144 12.7 16.2502 13.0357 16.2502 13.45C16.2502 13.8642 15.9144 14.2 15.5002 14.2H15.4902C15.076 14.2 14.7402 13.8642 14.7402 13.45ZM19.5306 12.5305C19.8235 12.2376 19.8235 11.7627 19.5306 11.4698C19.2377 11.1769 18.7628 11.1769 18.4699 11.4698L18.4628 11.4769C18.1699 11.7698 18.1699 12.2446 18.4628 12.5375C18.7557 12.8304 19.2306 12.8304 19.5235 12.5375L19.5306 12.5305ZM20.4502 7.75C20.8644 7.75 21.2002 8.08579 21.2002 8.5V8.51C21.2002 8.92421 20.8644 9.26 20.4502 9.26C20.036 9.26 19.7002 8.92421 19.7002 8.51V8.5C19.7002 8.08579 20.036 7.75 20.4502 7.75ZM19.5303 4.4693C19.2374 4.17641 18.7626 4.17641 18.4697 4.4693C18.1768 4.7622 18.1768 5.23707 18.4697 5.52996L18.4767 5.53703C18.7696 5.82993 19.2445 5.82993 19.5374 5.53703C19.8303 5.24414 19.8303 4.76927 19.5374 4.47637L19.5303 4.4693Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M14.75 3.55005C14.75 3.13584 15.0858 2.80005 15.5 2.80005H15.51C15.9242 2.80005 16.26 3.13584 16.26 3.55005C16.26 3.96426 15.9242 4.30005 15.51 4.30005H15.5C15.0858 4.30005 14.75 3.96426 14.75 3.55005ZM15.5 5.75C13.9812 5.75 12.75 6.98122 12.75 8.5C12.75 10.0188 13.9812 11.25 15.5 11.25C17.0188 11.25 18.25 10.0188 18.25 8.5C18.25 6.98122 17.0188 5.75 15.5 5.75ZM8.5 12.75C6.98122 12.75 5.75 13.9812 5.75 15.5C5.75 17.0188 6.98122 18.25 8.5 18.25C10.0188 18.25 11.25 17.0188 11.25 15.5C11.25 13.9812 10.0188 12.75 8.5 12.75ZM7.75 10.55C7.75 10.1358 8.08579 9.80005 8.5 9.80005H8.51C8.92421 9.80005 9.26 10.1358 9.26 10.55C9.26 10.9643 8.92421 11.3 8.51 11.3H8.5C8.08579 11.3 7.75 10.9643 7.75 10.55ZM5.5374 12.5231C5.83029 12.2302 5.83029 11.7554 5.5374 11.4625C5.24451 11.1696 4.76963 11.1696 4.47674 11.4625L4.46967 11.4695C4.17678 11.7624 4.17678 12.2373 4.46967 12.5302C4.76256 12.8231 5.23744 12.8231 5.53033 12.5302L5.5374 12.5231ZM3.5498 14.74C3.96402 14.74 4.2998 15.0758 4.2998 15.49V15.5C4.2998 15.9142 3.96402 16.25 3.5498 16.25C3.13559 16.25 2.7998 15.9142 2.7998 15.5V15.49C2.7998 15.0758 3.13559 14.74 3.5498 14.74ZM5.52349 18.463C5.2306 18.1701 4.75573 18.1701 4.46283 18.463C4.16994 18.7558 4.16994 19.2307 4.46283 19.5236L4.46991 19.5307C4.7628 19.8236 5.23767 19.8236 5.53057 19.5307C5.82346 19.2378 5.82346 18.7629 5.53057 18.47L5.52349 18.463ZM7.74023 20.45C7.74023 20.0357 8.07602 19.7 8.49023 19.7H8.50023C8.91445 19.7 9.25023 20.0357 9.25023 20.45C9.25023 20.8642 8.91445 21.2 8.50023 21.2H8.49023C8.07602 21.2 7.74023 20.8642 7.74023 20.45ZM12.5306 19.5305C12.8235 19.2376 12.8235 18.7627 12.5306 18.4698C12.2377 18.1769 11.7628 18.1769 11.4699 18.4698L11.4628 18.4769C11.1699 18.7698 11.1699 19.2446 11.4628 19.5375C11.7557 19.8304 12.2306 19.8304 12.5235 19.5375L12.5306 19.5305ZM13.4502 14.75C13.8644 14.75 14.2002 15.0858 14.2002 15.5V15.51C14.2002 15.9242 13.8644 16.26 13.4502 16.26C13.036 16.26 12.7002 15.9242 12.7002 15.51V15.5C12.7002 15.0858 13.036 14.75 13.4502 14.75ZM11.4937 12.5535C11.4856 12.5461 11.4777 12.5385 11.4699 12.5307L11.4628 12.5236C11.1699 12.2307 11.1699 11.7558 11.4628 11.463C11.7501 11.1756 12.2126 11.1702 12.5066 11.4465C12.5146 11.4539 12.5225 11.4615 12.5303 11.4693L12.5374 11.4764C12.8303 11.7693 12.8303 12.2441 12.5374 12.537C12.2501 12.8243 11.7877 12.8298 11.4937 12.5535ZM12.5374 5.52313C12.8303 5.23023 12.8303 4.75536 12.5374 4.46247C12.2445 4.16957 11.7696 4.16957 11.4767 4.46247L11.4697 4.46954C11.1768 4.76243 11.1768 5.23731 11.4697 5.5302C11.7626 5.82309 12.2374 5.82309 12.5303 5.5302L12.5374 5.52313ZM10.5498 7.73999C10.964 7.73999 11.2998 8.07578 11.2998 8.48999V8.49999C11.2998 8.9142 10.964 9.24999 10.5498 9.24999C10.1356 9.24999 9.7998 8.9142 9.7998 8.49999V8.48999C9.7998 8.07578 10.1356 7.73999 10.5498 7.73999ZM14.7402 13.45C14.7402 13.0357 15.076 12.7 15.4902 12.7H15.5002C15.9144 12.7 16.2502 13.0357 16.2502 13.45C16.2502 13.8642 15.9144 14.2 15.5002 14.2H15.4902C15.076 14.2 14.7402 13.8642 14.7402 13.45ZM19.5306 12.5305C19.8235 12.2376 19.8235 11.7627 19.5306 11.4698C19.2377 11.1769 18.7628 11.1769 18.4699 11.4698L18.4628 11.4769C18.1699 11.7698 18.1699 12.2446 18.4628 12.5375C18.7557 12.8304 19.2306 12.8304 19.5235 12.5375L19.5306 12.5305ZM20.4502 7.75C20.8644 7.75 21.2002 8.08579 21.2002 8.5V8.51C21.2002 8.92421 20.8644 9.26 20.4502 9.26C20.036 9.26 19.7002 8.92421 19.7002 8.51V8.5C19.7002 8.08579 20.036 7.75 20.4502 7.75ZM19.5303 4.4693C19.2374 4.17641 18.7626 4.17641 18.4697 4.4693C18.1768 4.7622 18.1768 5.23707 18.4697 5.52996L18.4767 5.53703C18.7696 5.82993 19.2445 5.82993 19.5374 5.53703C19.8303 5.24414 19.8303 4.76927 19.5374 4.47637L19.5303 4.4693Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.75 3.55005C14.75 3.13584 15.0858 2.80005 15.5 2.80005H15.51C15.9242 2.80005 16.26 3.13584 16.26 3.55005C16.26 3.96426 15.9242 4.30005 15.51 4.30005H15.5C15.0858 4.30005 14.75 3.96426 14.75 3.55005ZM15.5 5.75C13.9812 5.75 12.75 6.98122 12.75 8.5C12.75 10.0188 13.9812 11.25 15.5 11.25C17.0188 11.25 18.25 10.0188 18.25 8.5C18.25 6.98122 17.0188 5.75 15.5 5.75ZM8.5 12.75C6.98122 12.75 5.75 13.9812 5.75 15.5C5.75 17.0188 6.98122 18.25 8.5 18.25C10.0188 18.25 11.25 17.0188 11.25 15.5C11.25 13.9812 10.0188 12.75 8.5 12.75ZM7.75 10.55C7.75 10.1358 8.08579 9.80005 8.5 9.80005H8.51C8.92421 9.80005 9.26 10.1358 9.26 10.55C9.26 10.9643 8.92421 11.3 8.51 11.3H8.5C8.08579 11.3 7.75 10.9643 7.75 10.55ZM5.5374 12.5231C5.83029 12.2302 5.83029 11.7554 5.5374 11.4625C5.24451 11.1696 4.76963 11.1696 4.47674 11.4625L4.46967 11.4695C4.17678 11.7624 4.17678 12.2373 4.46967 12.5302C4.76256 12.8231 5.23744 12.8231 5.53033 12.5302L5.5374 12.5231ZM3.5498 14.74C3.96402 14.74 4.2998 15.0758 4.2998 15.49V15.5C4.2998 15.9142 3.96402 16.25 3.5498 16.25C3.13559 16.25 2.7998 15.9142 2.7998 15.5V15.49C2.7998 15.0758 3.13559 14.74 3.5498 14.74ZM5.52349 18.463C5.2306 18.1701 4.75573 18.1701 4.46283 18.463C4.16994 18.7558 4.16994 19.2307 4.46283 19.5236L4.46991 19.5307C4.7628 19.8236 5.23767 19.8236 5.53057 19.5307C5.82346 19.2378 5.82346 18.7629 5.53057 18.47L5.52349 18.463ZM7.74023 20.45C7.74023 20.0357 8.07602 19.7 8.49023 19.7H8.50023C8.91445 19.7 9.25023 20.0357 9.25023 20.45C9.25023 20.8642 8.91445 21.2 8.50023 21.2H8.49023C8.07602 21.2 7.74023 20.8642 7.74023 20.45ZM12.5306 19.5305C12.8235 19.2376 12.8235 18.7627 12.5306 18.4698C12.2377 18.1769 11.7628 18.1769 11.4699 18.4698L11.4628 18.4769C11.1699 18.7698 11.1699 19.2446 11.4628 19.5375C11.7557 19.8304 12.2306 19.8304 12.5235 19.5375L12.5306 19.5305ZM13.4502 14.75C13.8644 14.75 14.2002 15.0858 14.2002 15.5V15.51C14.2002 15.9242 13.8644 16.26 13.4502 16.26C13.036 16.26 12.7002 15.9242 12.7002 15.51V15.5C12.7002 15.0858 13.036 14.75 13.4502 14.75ZM11.4937 12.5535C11.4856 12.5461 11.4777 12.5385 11.4699 12.5307L11.4628 12.5236C11.1699 12.2307 11.1699 11.7558 11.4628 11.463C11.7501 11.1756 12.2126 11.1702 12.5066 11.4465C12.5146 11.4539 12.5225 11.4615 12.5303 11.4693L12.5374 11.4764C12.8303 11.7693 12.8303 12.2441 12.5374 12.537C12.2501 12.8243 11.7877 12.8298 11.4937 12.5535ZM12.5374 5.52313C12.8303 5.23023 12.8303 4.75536 12.5374 4.46247C12.2445 4.16957 11.7696 4.16957 11.4767 4.46247L11.4697 4.46954C11.1768 4.76243 11.1768 5.23731 11.4697 5.5302C11.7626 5.82309 12.2374 5.82309 12.5303 5.5302L12.5374 5.52313ZM10.5498 7.73999C10.964 7.73999 11.2998 8.07578 11.2998 8.48999V8.49999C11.2998 8.9142 10.964 9.24999 10.5498 9.24999C10.1356 9.24999 9.7998 8.9142 9.7998 8.49999V8.48999C9.7998 8.07578 10.1356 7.73999 10.5498 7.73999ZM14.7402 13.45C14.7402 13.0357 15.076 12.7 15.4902 12.7H15.5002C15.9144 12.7 16.2502 13.0357 16.2502 13.45C16.2502 13.8642 15.9144 14.2 15.5002 14.2H15.4902C15.076 14.2 14.7402 13.8642 14.7402 13.45ZM19.5306 12.5305C19.8235 12.2376 19.8235 11.7627 19.5306 11.4698C19.2377 11.1769 18.7628 11.1769 18.4699 11.4698L18.4628 11.4769C18.1699 11.7698 18.1699 12.2446 18.4628 12.5375C18.7557 12.8304 19.2306 12.8304 19.5235 12.5375L19.5306 12.5305ZM20.4502 7.75C20.8644 7.75 21.2002 8.08579 21.2002 8.5V8.51C21.2002 8.92421 20.8644 9.26 20.4502 9.26C20.036 9.26 19.7002 8.92421 19.7002 8.51V8.5C19.7002 8.08579 20.036 7.75 20.4502 7.75ZM19.5303 4.4693C19.2374 4.17641 18.7626 4.17641 18.4697 4.4693C18.1768 4.7622 18.1768 5.23707 18.4697 5.52996L18.4767 5.53703C18.7696 5.82993 19.2445 5.82993 19.5374 5.53703C19.8303 5.24414 19.8303 4.76927 19.5374 4.47637L19.5303 4.4693Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M15.5299 6.5308C15.823 6.23817 15.8234 5.7633 15.5308 5.47014C15.2382 5.17699 14.7633 5.17657 14.4701 5.4692L9.28228 10.6478C9.25802 10.6667 9.23465 10.6874 9.21235 10.7097C9.19036 10.7316 9.17003 10.7546 9.15135 10.7785L4.47014 15.4514C4.25537 15.6658 4.19096 15.9885 4.30696 16.2689C4.42297 16.5493 4.69653 16.7322 5 16.7322H19C19.4142 16.7322 19.75 16.3964 19.75 15.9822C19.75 15.568 19.4142 15.2322 19 15.2322H12.4191C12.3462 14.5103 12.1681 13.8015 11.8894 13.1287C11.6115 12.4578 11.2376 11.8324 10.7806 11.2716L15.5299 6.5308ZM9.7122 12.3381L6.81294 15.2322H10.9096C10.843 14.7077 10.7067 14.1933 10.5035 13.7027C10.301 13.2138 10.0346 12.755 9.7122 12.3381Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5299 6.5308C15.823 6.23817 15.8234 5.7633 15.5308 5.47014C15.2382 5.17699 14.7633 5.17657 14.4701 5.4692L9.28228 10.6478C9.25802 10.6667 9.23465 10.6874 9.21235 10.7097C9.19036 10.7316 9.17003 10.7546 9.15135 10.7785L4.47014 15.4514C4.25537 15.6658 4.19096 15.9885 4.30696 16.2689C4.42297 16.5493 4.69653 16.7322 5 16.7322H19C19.4142 16.7322 19.75 16.3964 19.75 15.9822C19.75 15.568 19.4142 15.2322 19 15.2322H12.4191C12.3462 14.5103 12.1681 13.8015 11.8894 13.1287C11.6115 12.4578 11.2376 11.8324 10.7806 11.2716L15.5299 6.5308ZM9.7122 12.3381L6.81294 15.2322H10.9096C10.843 14.7077 10.7067 14.1933 10.5035 13.7027C10.301 13.2138 10.0346 12.755 9.7122 12.3381Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M8.26884 6.99217C9.45176 6.50219 10.7196 6.25 12 6.25C13.2804 6.25 14.5482 6.50219 15.7312 6.99217C16.9141 7.48216 17.9889 8.20034 18.8943 9.10571C19.7997 10.0111 20.5178 11.0859 21.0078 12.2688C21.4978 13.4518 21.75 14.7196 21.75 16C21.75 16.4142 21.4142 16.75 21 16.75H17.344C17.3429 16.75 17.3419 16.75 17.3408 16.75C17.3398 16.75 17.3387 16.75 17.3376 16.75H13.7828L13.7803 16.75L13.7777 16.75L3 16.75C2.58579 16.75 2.25 16.4142 2.25 16C2.25 14.7196 2.50219 13.4518 2.99217 12.2688C3.48216 11.0859 4.20034 10.0111 5.10571 9.10571C6.01108 8.20034 7.08591 7.48216 8.26884 6.99217ZM18.0908 15.25L18.0907 13.9999C18.0907 13.5857 17.7549 13.2499 17.3407 13.2499C16.9265 13.25 16.5907 13.5858 16.5907 14L16.5908 15.25H14.5302L14.5302 14C14.5302 13.5858 14.1944 13.25 13.7802 13.25C13.366 13.25 13.0302 13.5858 13.0302 14L13.0302 15.25H10.9697L10.9697 13.9999C10.9696 13.5857 10.6338 13.2499 10.2196 13.2499C9.80542 13.25 9.46964 13.5858 9.46966 14L9.46969 15.25H7.40918L7.4092 14.0001C7.40921 13.5858 7.07343 13.25 6.65921 13.25C6.245 13.25 5.90921 13.5858 5.9092 14L5.90918 15.25H3.78416C3.85959 14.4237 4.05938 13.6121 4.37799 12.8429C4.79259 11.8419 5.40029 10.9325 6.16637 10.1664C6.93245 9.40029 7.84193 8.7926 8.84286 8.37799C9.8438 7.96339 10.9166 7.75 12 7.75C13.0834 7.75 14.1562 7.96339 15.1571 8.37799C16.1581 8.79259 17.0675 9.40029 17.8336 10.1664C18.5997 10.9325 19.2074 11.8419 19.622 12.8429C19.9406 13.6121 20.1404 14.4237 20.2158 15.25H18.0908Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26884 6.99217C9.45176 6.50219 10.7196 6.25 12 6.25C13.2804 6.25 14.5482 6.50219 15.7312 6.99217C16.9141 7.48216 17.9889 8.20034 18.8943 9.10571C19.7997 10.0111 20.5178 11.0859 21.0078 12.2688C21.4978 13.4518 21.75 14.7196 21.75 16C21.75 16.4142 21.4142 16.75 21 16.75H17.344C17.3429 16.75 17.3419 16.75 17.3408 16.75C17.3398 16.75 17.3387 16.75 17.3376 16.75H13.7828L13.7803 16.75L13.7777 16.75L3 16.75C2.58579 16.75 2.25 16.4142 2.25 16C2.25 14.7196 2.50219 13.4518 2.99217 12.2688C3.48216 11.0859 4.20034 10.0111 5.10571 9.10571C6.01108 8.20034 7.08591 7.48216 8.26884 6.99217ZM18.0908 15.25L18.0907 13.9999C18.0907 13.5857 17.7549 13.2499 17.3407 13.2499C16.9265 13.25 16.5907 13.5858 16.5907 14L16.5908 15.25H14.5302L14.5302 14C14.5302 13.5858 14.1944 13.25 13.7802 13.25C13.366 13.25 13.0302 13.5858 13.0302 14L13.0302 15.25H10.9697L10.9697 13.9999C10.9696 13.5857 10.6338 13.2499 10.2196 13.2499C9.80542 13.25 9.46964 13.5858 9.46966 14L9.46969 15.25H7.40918L7.4092 14.0001C7.40921 13.5858 7.07343 13.25 6.65921 13.25C6.245 13.25 5.90921 13.5858 5.9092 14L5.90918 15.25H3.78416C3.85959 14.4237 4.05938 13.6121 4.37799 12.8429C4.79259 11.8419 5.40029 10.9325 6.16637 10.1664C6.93245 9.40029 7.84193 8.7926 8.84286 8.37799C9.8438 7.96339 10.9166 7.75 12 7.75C13.0834 7.75 14.1562 7.96339 15.1571 8.37799C16.1581 8.79259 17.0675 9.40029 17.8336 10.1664C18.5997 10.9325 19.2074 11.8419 19.622 12.8429C19.9406 13.6121 20.1404 14.4237 20.2158 15.25H18.0908Z" fill="#202733"/>
 </svg>

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

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

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

@@ -1,3 +1,3 @@
 <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="M12 6.25C10.7196 6.25 9.45176 6.50219 8.26884 6.99217C7.08591 7.48216 6.01108 8.20034 5.10571 9.10571C4.20034 10.0111 3.48216 11.0859 2.99217 12.2688C2.50219 13.4518 2.25 14.7196 2.25 16C2.25 16.4142 2.58579 16.75 3 16.75L10.2123 16.75L10.2124 16.75H10.2272L10.2273 16.75H17.3314H17.3315H17.3504H17.3504H21C21.4142 16.75 21.75 16.4142 21.75 16C21.75 14.7196 21.4978 13.4518 21.0078 12.2688C20.5178 11.0859 19.7997 10.0111 18.8943 9.10571C17.9889 8.20034 16.9141 7.48216 15.7312 6.99217C14.5482 6.50219 13.2804 6.25 12 6.25ZM7.40918 15C7.40918 15.1381 7.29725 15.25 7.15918 15.25H6.15918C6.02111 15.25 5.90918 15.1381 5.90918 15L5.9092 14C5.9092 13.5858 6.245 13.25 6.65921 13.25C7.07342 13.25 7.4092 13.5858 7.4092 14L7.40918 15ZM14.5303 15C14.5303 15.1381 14.4184 15.25 14.2803 15.25H13.2803C13.1422 15.25 13.0303 15.1381 13.0303 15L13.0303 14C13.0303 13.5858 13.3661 13.25 13.7803 13.25C14.1945 13.25 14.5303 13.5858 14.5303 14L14.5303 15ZM18.0909 15C18.0909 15.1381 17.979 15.25 17.8409 15.25H16.8409C16.7028 15.25 16.5909 15.1381 16.5909 15L16.5908 14C16.5908 13.5858 16.9266 13.25 17.3408 13.25C17.755 13.25 18.0908 13.5858 18.0908 14L18.0909 15ZM9.71977 15.25C9.5817 15.25 9.46978 15.1381 9.46977 15L9.46974 14C9.46973 13.5858 9.80551 13.25 10.2197 13.25C10.6339 13.25 10.9697 13.5858 10.9697 14L10.9698 15C10.9698 15.1381 10.8578 15.25 10.7198 15.25L9.71977 15.25Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.25C10.7196 6.25 9.45176 6.50219 8.26884 6.99217C7.08591 7.48216 6.01108 8.20034 5.10571 9.10571C4.20034 10.0111 3.48216 11.0859 2.99217 12.2688C2.50219 13.4518 2.25 14.7196 2.25 16C2.25 16.4142 2.58579 16.75 3 16.75L10.2123 16.75L10.2124 16.75H10.2272L10.2273 16.75H17.3314H17.3315H17.3504H17.3504H21C21.4142 16.75 21.75 16.4142 21.75 16C21.75 14.7196 21.4978 13.4518 21.0078 12.2688C20.5178 11.0859 19.7997 10.0111 18.8943 9.10571C17.9889 8.20034 16.9141 7.48216 15.7312 6.99217C14.5482 6.50219 13.2804 6.25 12 6.25ZM7.40918 15C7.40918 15.1381 7.29725 15.25 7.15918 15.25H6.15918C6.02111 15.25 5.90918 15.1381 5.90918 15L5.9092 14C5.9092 13.5858 6.245 13.25 6.65921 13.25C7.07342 13.25 7.4092 13.5858 7.4092 14L7.40918 15ZM14.5303 15C14.5303 15.1381 14.4184 15.25 14.2803 15.25H13.2803C13.1422 15.25 13.0303 15.1381 13.0303 15L13.0303 14C13.0303 13.5858 13.3661 13.25 13.7803 13.25C14.1945 13.25 14.5303 13.5858 14.5303 14L14.5303 15ZM18.0909 15C18.0909 15.1381 17.979 15.25 17.8409 15.25H16.8409C16.7028 15.25 16.5909 15.1381 16.5909 15L16.5908 14C16.5908 13.5858 16.9266 13.25 17.3408 13.25C17.755 13.25 18.0908 13.5858 18.0908 14L18.0909 15ZM9.71977 15.25C9.5817 15.25 9.46978 15.1381 9.46977 15L9.46974 14C9.46973 13.5858 9.80551 13.25 10.2197 13.25C10.6339 13.25 10.9697 13.5858 10.9697 14L10.9698 15C10.9698 15.1381 10.8578 15.25 10.7198 15.25L9.71977 15.25Z" fill="#202733"/>
 </svg>

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

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