Version Packages (#2485)

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

.changeset/README.md

@@ -31,10 +31,7 @@ Alle base-pakkene våre har `fixed versjonering`. Dette tilsier at en bump på e
   "@navikt/ds-react",
   "@navikt/ds-css",
   "@navikt/aksel-icons",
-  "@navikt/ds-icons",
   "@navikt/ds-tokens",
   "@navikt/ds-tailwind",
-  "@navikt/ds-css-internal",
-  "@navikt/ds-react-internal",
   "@navikt/ds-codemod"
 ```

.changeset/config.json

@@ -1,6 +1,9 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
-  "changelog": ["@changesets/changelog-github", { "repo": "navikt/aksel" }],
+  "changelog": [
+    "@svitejs/changesets-changelog-github-compact",
+    { "repo": "navikt/aksel" }
+  ],
   "commit": false,
   "fixed": [
     [
@@ -8,18 +11,16 @@
       "@navikt/ds-css",
       "@navikt/ds-tokens",
       "@navikt/ds-tailwind",
-      "@navikt/ds-css-internal",
-      "@navikt/ds-react-internal",
-      "@navikt/ds-codemod",
       "@navikt/aksel-icons",
-      "@navikt/ds-icons"
+      "@navikt/aksel",
+      "@navikt/aksel-stylelint"
     ]
   ],
   "linked": [],
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["shadow-dom", "aksel.nav.no", "@navikt/ds-navno"],
+  "ignore": ["aksel.nav.no", "aksel-icons-figma-plugin"],
 
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "updateInternalDependents": "always"

.eslintrc.js

@@ -0,0 +1,97 @@
+// 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],
+  },
+  reportUnusedDisableDirectives: true,
+  overrides: [
+    {
+      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
+      },
+    },
+    {
+      files: ["**/*.test.*", "**/__tests__/*"],
+      extends: ["plugin:jest/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/",
+        ],
+        "@typescript-eslint/ban-ts-comment": "off", // Temporary
+      },
+    },
+    {
+      files: ["aksel.nav.no/website/pages/eksempler/**"],
+      rules: {
+        "jsx-a11y/anchor-is-valid": "off",
+      },
+    },
+  ],
+  globals: {
+    Locale: "readonly",
+    JSX: "readonly",
+  },
+  ignorePatterns: [
+    "node_modules",
+    "lib",
+    "public",
+    "examples",
+    "esm",
+    "cjs",
+    "dist",
+    "**/codemod/**/*.js",
+    "!.storybook",
+  ],
+};

.github/ISSUE_TEMPLATE/in-the-wild.yml

@@ -0,0 +1,22 @@
+name: Eksempel på bruk
+description: Send et eksempel på ting fra Aksel som er brukt i det fri (tokens, komponenter, maler, etc)
+title: "[Eksempel på bruk]: "
+labels: ["dokumentasjon 📖"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Takk for at du bidrar til Aksel!
+  - type: input
+    id: title
+    attributes:
+      label: Lenke til side
+      description: Lenke til siden hvor eksemplet er
+      placeholder:
+    validations:
+      required: true
+  - type: textarea
+    id: examples
+    attributes:
+      label: Forklaring
+      description: Forklar om det er noe man må gjøre for å se eksemplet, eller hvor på siden det ligger

.github/ISSUE_TEMPLATE/new-component.yml

@@ -2,8 +2,6 @@ name: Ny komponent
 description: Send et ønske om en eller flere nye komponenter
 title: "[Ny komponent]: "
 labels: ["nytt ✨", "forespørsel 🥰", "komponenter 🧩"]
-assignees:
-  - olejorgenbakken
 body:
   - type: markdown
     attributes:

.github/ISSUE_TEMPLATE/new-icon.yaml

@@ -2,8 +2,6 @@ name: Nytt ikon
 description: Send et ønske om et eller flere nye ikoner
 title: "[Nytt ikon]: "
 labels: ["nytt ✨", "ikoner 🖼", "forespørsel 🥰"]
-assignees:
-  - olejorgenbakken
 body:
   - type: markdown
     attributes:

.github/ISSUE_TEMPLATE/update-component.yml

@@ -2,8 +2,6 @@ name: Innspill til komponent
 description: Send inn innspill til komponent
 title: "[Innspill til komponent]: "
 labels: ["forespørsel 🥰", "komponenter 🧩", "nytt ✨", "beta 🧪"]
-assignees:
-  - olejorgenbakken
 body:
   - type: markdown
     attributes:

.github/ISSUE_TEMPLATE/update-icon.yml

@@ -2,8 +2,6 @@ name: Innspill til ikon
 description: Send inn innspill til ikon
 title: "[Tilbakemelding på ikon]: "
 labels: ["forespørsel 🥰", "ikoner 🖼️"]
-assignees:
-  - olejorgenbakken
 body:
   - type: markdown
     attributes:

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,44 @@
+### Description
+
+<!-- PR description/motivation
+add links to project-tasks, slack discussions etc here
+-->
+
+### Change summary
+
+<!-- Short summary of changes in PR
+- added variant x
+- fixed bug in y
+-->
+
+### PR Checklist 📝 (Remove fields after check!)
+
+#### New component? ✨
+
+- Check that component-styling is correctly configured in `@navikt/core/css/config/_mappings.js`. This is needed for correct build and CDN upload.
+- Check that styling is correctly exported from `@navikt/core/css/index.css`
+- Check that correct tokens for component is documented in `@navikt/core/css/tokens.json`
+- Check that only needed components and types are exported from `@navikt/core/react/src/index.ts`
+- Add JSDoc to component (see other components for reference)
+- Create storybook-stories for relevant component variations and compositions. Stories are used for [visual regression testing](https://www.chromatic.com/docs/), so make sure they are complete.
+- Is the component sufficiently complex to warrant tests? Add some unit-tests for jest.
+
+#### Component-updates 🎉
+
+- Revalidate if everything under `New component` is still accounted for
+- Deprecating/removing a CSS class? Add it to `@navikt/aksel-stylelint/src/deprecations.ts` with a suitable description. This helps stylelint-users keep their code clean and bug-free.
+
+#### Documentation 📝
+
+- Add/update component-demos for component `aksel.nav.no/website/pages/eksempler`
+- Create/Update documentation in sanity if needed
+  Note: Props, tokens and examples only updates to sanity on merge to main
+
+#### Versioning 🏷️
+
+- Run `yarn changeset` to generate a version-entry for change.
+- - Bug/hotfix: Patch
+- - New feature: Minor
+- - Breaking change: Major
+- Adding breaking changes? Consider adding a codemod for easier migration.
+- Breaking changes also needs documentation under "Migration"-page on website

.github/workflows/aksel-dev.yml

@@ -5,38 +5,7 @@ on:
     branches:
       - next
 
-env:
-  IMAGE: ghcr.io/navikt/aksel
-
 jobs:
-  snyk-monitor:
-    name: monitor dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        continue-on-error: true
-        uses: snyk/actions/node@master
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: monitor
-          args: --org=designsystemet --severity-threshold=high
-  snyk-test:
-    name: analyze dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        uses: snyk/actions/node@master
-        continue-on-error: true
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: test
-          args: --org=designsystemet --severity-threshold=high
   build_and_deploy:
     name: Build and deploy to dev-gcp
     runs-on: ubuntu-20.04
@@ -47,16 +16,19 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |
           echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
           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: Restore cache
         uses: actions/cache@v3
         with:
@@ -80,21 +52,17 @@ jobs:
           source: ./aksel.nav.no/website/.next/static
           destination: "/website/_next"
 
-      - 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: Get complete tag
         run: echo "TAG=DEV-$( date +%s )" >> $GITHUB_ENV
-      - name: Create docker image tags
-        run: echo "DOCKER_TAG=${{ env.IMAGE }}:${{ env.TAG }}" >> $GITHUB_ENV
-      - name: Build docker image
-        run: docker build -t ${{ env.DOCKER_TAG }} . -f aksel.nav.no/Dockerfile
-      - name: Push docker image
-        run: |
-          docker push ${{ env.DOCKER_TAG }}
+
+      - uses: nais/docker-build-push@v0
+        id: docker-push
+        with:
+          team: designsystem
+          push_image: true
+          dockerfile: aksel.nav.no/Dockerfile
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
 
       - name: Deploy to dev-gcp
         uses: nais/deploy/actions/deploy@master
@@ -102,4 +70,4 @@ jobs:
           APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
           RESOURCE: aksel.nav.no/nais-dev.yaml
           CLUSTER: dev-gcp
-          IMAGE: ${{ env.DOCKER_TAG }}
+          IMAGE: ${{ steps.docker-push.outputs.image }}

.github/workflows/aksel-prod.yml

@@ -10,41 +10,13 @@ env:
   IMAGE: ghcr.io/navikt/aksel
 
 jobs:
-  snyk-monitor:
-    name: monitor dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        continue-on-error: true
-        uses: snyk/actions/node@master
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: monitor
-          args: --org=designsystemet --severity-threshold=high
-  snyk-test:
-    name: analyze dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        uses: snyk/actions/node@master
-        continue-on-error: true
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: test
-          args: --org=designsystemet --severity-threshold=high
   sync_data_with_sanity:
     name: Update component data
     runs-on: ubuntu-latest
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |
@@ -79,12 +51,11 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |
           echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
           echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
@@ -116,18 +87,18 @@ jobs:
           source: ./aksel.nav.no/website/.next/static
           destination: "/website/_next"
 
-      - 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: Get complete tag
-        run: echo "TAG=$( date +%s )" >> $GITHUB_ENV
-      - name: Create docker image tags
-        run: echo "DOCKER_TAG=${{ env.IMAGE }}:${{ env.TAG }}" >> $GITHUB_ENV
-      - name: Build docker image
-        run: docker build -t ${{ env.DOCKER_TAG }} . -f aksel.nav.no/Dockerfile
+        run: echo "TAG=PROD-$( date +%s )" >> $GITHUB_ENV
+
+      - uses: nais/docker-build-push@v0
+        id: docker-push
+        with:
+          team: designsystem
+          push_image: true
+          dockerfile: aksel.nav.no/Dockerfile
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+
       - name: Wait for e2e-tests to succeed
         uses: lewagon/wait-on-check-action@v1.2.0
         with:
@@ -135,9 +106,6 @@ jobs:
           check-name: "Smoketest Aksel"
           repo-token: ${{ secrets.GITHUB_TOKEN }}
           wait-interval: 10
-      - name: Push docker image
-        run: |
-          docker push ${{ env.DOCKER_TAG }}
 
       - name: Deploy to prod-gcp
         uses: nais/deploy/actions/deploy@master
@@ -145,4 +113,4 @@ jobs:
           APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
           RESOURCE: aksel.nav.no/nais-prod.yaml
           CLUSTER: prod-gcp
-          IMAGE: ${{ env.DOCKER_TAG }}
+          IMAGE: ${{ steps.docker-push.outputs.image }}

.github/workflows/aksel-redeploy.yml

@@ -21,7 +21,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: Login to GitHub Container Registry
         uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns

.github/workflows/backup-sanity.yml

@@ -13,7 +13,7 @@ jobs:
           fetch-depth: 0 # Required to retrieve git history
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: "20"
 
       - name: Restore cache
         uses: actions/cache@v3

.github/workflows/chromatic.yml

@@ -15,6 +15,10 @@ jobs:
   visual_regression_test:
     name: "visual regression test (chromatic)"
     runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+      contents: write
     steps:
       - uses: actions/checkout@v3
         with:
@@ -22,7 +26,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: "20"
           cache: yarn
 
       - name: Restore cache
@@ -54,7 +58,7 @@ jobs:
 
       - name: replace storybook url
         if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: frabert/replace-string-action@v2.0
+        uses: frabert/replace-string-action@v2
         id: storybook_url
         with:
           pattern: "(iframe.html)"
@@ -70,33 +74,33 @@ jobs:
 
       - name: Find Comment
         if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: peter-evans/find-comment@v1
+        uses: peter-evans/find-comment@v2
         id: fc
         with:
           issue-number: ${{ github.event.pull_request.number }}
           comment-author: "github-actions[bot]"
-          body-includes: github-comment-finder
+          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@v1
+        uses: peter-evans/create-or-update-comment@v3
         with:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
           body: |
-            ### [<img id="github-comment-finder" src="https://raw.githubusercontent.com/storybookjs/brand/main/logo/logo-storybook-inverse.svg" height="32"/>](${{steps.storybook_url.outputs.replaced}})
+            ## [Storybook demo](${{steps.storybook_url.outputs.replaced}})
 
             [${{ 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
 
       - 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@v1
+        uses: peter-evans/create-or-update-comment@v3
         with:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
           body: |
-            ### [<img id="github-comment-finder" src="https://raw.githubusercontent.com/storybookjs/brand/main/logo/logo-storybook-inverse.svg" height="32"/>](${{steps.storybook_url.outputs.replaced}})
+            ## [Storybook demo](${{steps.storybook_url.outputs.replaced}})
 
             ### [Endringer til review](${{steps.chromatic_tests.outputs.url}}): ${{steps.chromatic_tests.outputs.changeCount}}
 

.github/workflows/ci.yml

@@ -13,6 +13,8 @@ jobs:
     name: "Validate build"
     if: "!contains(github.event.head_commit.message, '[ci skip]')"
     runs-on: ubuntu-latest
+    permissions:
+      pull-requests: "write"
     steps:
       - uses: actions/checkout@v3
         with:
@@ -20,7 +22,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: "20"
           cache: yarn
 
       - name: Restore cache

.github/workflows/e2e.yml

@@ -13,17 +13,16 @@ jobs:
   playwright:
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.30.0-focal
+      image: mcr.microsoft.com/playwright:v1.35.1-jammy
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: "20"
 
       - name: add tokens to .env
         run: |
           echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
 

.github/workflows/release.yml

@@ -11,7 +11,7 @@ concurrency: ${{ github.workflow }}-${{ github.ref }}
 jobs:
   build:
     name: "Release packages"
-    if: "!contains(github.event.head_commit.message, '[ci skip]')"
+    if: ${{!contains(github.event.head_commit.message, '[ci skip]')}}
     runs-on: ubuntu-latest
     permissions:
       id-token: "write"
@@ -25,9 +25,13 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: "20"
           cache: yarn
 
+      - uses: denoland/setup-deno@v1
+        with:
+          deno-version: v1.x
+
       - name: Restore cache
         uses: actions/cache@v3
         with:
@@ -45,6 +49,7 @@ jobs:
         with:
           version: yarn version
           publish: yarn release
+          createGithubReleases: false
         env:
           NPM_TOKEN: ${{ secrets.NPM_AUTOMATION }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -82,3 +87,17 @@ jobs:
           cdn-team-name: aksel
           source: ./@navikt/aksel-icons/aksel-icons.zip
           destination: "/icons/zip"
+
+      - name: Get @navikt/ds-css version
+        run: |
+          VERSION=$(yarn css:get-version)
+          echo "version=$VERSION" >> $GITHUB_ENV
+          echo "Version of @navikt/ds-css: ${{ env.version }}"
+
+      - name: Upload CSS to NAV CDN
+        if: steps.changesets.outputs.published == 'true'
+        uses: navikt/frontend/actions/cdn-upload/v1@main
+        with:
+          cdn-team-name: aksel
+          source: ./@navikt/core/css/dist/version/${{env.version}}
+          destination: "@navikt/ds-css"

.github/workflows/smoketest.yml

@@ -14,16 +14,15 @@ jobs:
     name: Smoketest Aksel
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.30.0-focal
+      image: mcr.microsoft.com/playwright:v1.35.1-jammy
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |
           echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
           echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
 

.github/workflows/update-icons.yml

@@ -1,42 +0,0 @@
-name: Update Icons
-
-on:
-  #  schedule:
-  #   - cron: 0 0 * * *
-  workflow_dispatch:
-
-jobs:
-  update:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 14
-      - name: Node-modules cache
-        uses: actions/cache@v3
-        id: node-cache
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - name: install
-        if: steps.node-cache.outputs.cache-hit != 'true'
-        run: yarn install
-      - name: postinstall
-        if: steps.node-cache.outputs.cache-hit == 'true'
-        run: yarn postinstall
-      - name: Update Icons
-        run: yarn workspace @navikt/ds-icons update
-        env:
-          FIGMA_TOKEN: ${{ secrets.FIGMA_IKONER_API }}
-      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3
-        with:
-          token: ${{ secrets.GIT_REPO }}
-          commit-message: "Ikoner synket fra figma"
-          branch: figma-icons-sync
-          committer: GitHub <noreply@github.com>
-          author: ${{ github.actor }} <${{ github.actor }}@users.noreply.github.com>
-          signoff: false
-          delete-branch: true
-          title: "Ikonsynk Figma"

.github/workflows/update-tokens.yml

@@ -1,39 +0,0 @@
-name: Update tokens
-
-on:
-  workflow_dispatch:
-
-jobs:
-  update:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 14
-      - name: Node-modules cache
-        uses: actions/cache@v3
-        id: node-cache
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - name: install
-        if: steps.node-cache.outputs.cache-hit != 'true'
-        run: yarn install
-      - name: postinstall
-        if: steps.node-cache.outputs.cache-hit == 'true'
-        run: yarn postinstall
-      - name: Update tokens
-        run: yarn workspace @navikt/ds-tokens update
-        env:
-          FIGMA_TOKEN: ${{ secrets.FIGMA_IKONER_API }}
-      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          branch: figma-tokens-sync
-          delete-branch: true
-          title: "Tokens sync Figma"
-          commit-message: "Tokens synket fra figma"
-          committer: GitHub <noreply@github.com>
-          signoff: false

.gitignore

@@ -150,4 +150,6 @@ playwright-report/
 /test-results/
 backup-*.tar.gz
 sitemap-urls.json
-*.tar.gz
+*.tar.gz
+searchindex.json
+aksel.nav.no/website/public/rss

.storybook/getting-started.stories.mdx

@@ -0,0 +1,175 @@
+import { Meta } from "@storybook/blocks";
+
+import AkselThumbnail from "./assets/aksel-thumbnail.png";
+import Setup from "./assets/setup.png";
+import Components from "./assets/components.png";
+
+<Meta title="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)
+
+    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>
+
+  </div>
+  <div className="sb-section">
+    <div className="sb-section-item">
+      <img
+        src={AkselThumbnail}
+        alt="Aksel-thumbnail"
+        aria-hidden
+      />
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no"
+        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>
+
+    </div>
+    <div className="sb-section-item">
+      <img
+        src={Setup}
+        alt="Setup-thumbnail"
+        aria-hidden
+      />
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/introduksjon/kom-i-gang-med-kodepakkene"
+        target="_blank"
+        className="sb-link"
+      >Setup</a></h3>
+      <p className="sb-section-item-paragraph">Get started developing using our solutions. How to install, setup and use our React, CSS and Icons.</p>
+
+    </div>
+    <div className="sb-section-item">
+      <img
+        src={Components}
+        alt="Components-thumbnail"
+        aria-hidden
+      />
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/komponenter"
+        target="_blank"
+        className="sb-link"
+      >Components</a></h3>
+      <p className="sb-section-item-paragraph">Browse trough 40+ components with examples, do and don't, props and accessibility information.</p>
+
+    </div>
+
+  </div>
+</div>
+<div className="sb-container">
+  <div className='sb-section-title'>
+    ## More than just a component library
+
+    Aksel offers tools that makes developing frontend-applications easier.
+
+  </div>
+
+  <div className="sb-section">
+    <div className="sb-section-item">
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/ikoner"
+        target="_blank"
+        className="sb-link"
+      >Icons</a></h3>
+      <p className="sb-section-item-paragraph">We provide an icon library with 800+ open-source icons.</p>
+
+    </div>
+    <div className="sb-section-item">
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/styling/design-tokens"
+        target="_blank"
+        className="sb-link"
+      >Tokens</a></h3>
+      <p className="sb-section-item-paragraph">Colors, spacing, shadows and more. All available for CSS, SASS, Less and JS.</p>
+
+    </div>
+    <div className="sb-section-item">
+
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/kode/stylelint"
+        target="_blank"
+        className="sb-link"
+      >Stylelint</a></h3>
+      <p className="sb-section-item-paragraph">Using our Stylelint-plugin helps keep your code free from bugs and makes adopting updates safer.</p>
+
+    </div>
+    <div className="sb-section-item">
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/kode/tailwind"
+        target="_blank"
+        className="sb-link"
+      >Tailwind</a></h3>
+      <p className="sb-section-item-paragraph">Our tokens made available as a simple tailwind-config.</p>
+    </div>
+    <div className="sb-section-item">
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/kode/kommandolinje"
+        target="_blank"
+        className="sb-link"
+      >CLI</a></h3>
+      <p className="sb-section-item-paragraph">CLI for codemods and advanced CSS-imports</p>
+    </div>
+
+  </div>
+</div>
+
+<style>
+  {`
+  .sb-container {
+    margin-bottom: 48px;
+  }
+
+  .sb-section {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: var(--a-spacing-6);
+  }
+
+  .sb-link{
+    text-decoration: underline;
+    color: var(--a-text-default);
+  }
+
+  img {
+    object-fit: cover;
+    padding-bottom: var(--a-spacing-5);
+    border-radius: 8px;
+  }
+
+  .sb-section-title {
+    margin-bottom: var(--a-spacing-8);
+  }
+
+
+
+  .sb-section-item-heading {
+    padding-bottom: var(--a-spacing-1);
+    margin: 0 !important;
+  }
+
+  .sb-section-item-paragraph {
+    margin: 0;
+    padding-bottom: var(--a-spacing-3);
+  }
+
+  @media screen and (max-width: 768px) {
+    .sb-section {
+      grid-template-columns: repeat(1, 1fr);
+    }
+  }
+  `}
+</style>

.storybook/indexer.ts

@@ -1,33 +0,0 @@
-import { loadCsf } from "@storybook/csf-tools";
-import { readFileSync } from "fs";
-
-module.exports = (indexers) => {
-  const csfIndexer = async (fileName: string, opts) => {
-    const code = readFileSync(fileName, "utf-8").toString();
-    return loadCsf(code, { ...opts, fileName }).parse();
-  };
-
-  const exampleIndexer = async (fileName: string, opts) => {
-    let code = readFileSync(fileName, "utf-8").toString();
-
-    code = code.replace("export const args =", "const args =");
-
-    code += `\nexport default { title: "Eksempler/${fileName
-      .split("pages/eksempler/")[1]
-      .replace(".tsx", "")}"  };\n`;
-
-    return loadCsf(code, { ...opts, fileName }).parse();
-  };
-
-  return [
-    ...(indexers || []),
-    {
-      test: /(stories|story)\.[tj]sx?$/,
-      indexer: csfIndexer,
-    },
-    {
-      test: /pages\/eksempler\/|(".+")|(.+.tsx)$/,
-      indexer: exampleIndexer,
-    },
-  ];
-};

.storybook/intro.stories.mdx

@@ -1,38 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs";
-
-<Meta title="Intro" />
-
-# Aksel, NAVs designsystem
-
-[Dokumentasjon](https://aksel.nav.no/komponenter)
-
-### Core
-
-```bash
-yarn add @navikt/ds-react @navikt/ds-css
-```
-
-### Interne-flater
-
-```bash
-yarn add @navikt/ds-react-internal @navikt/ds-css-internal
-```
-
-### Ikoner
-
-[Dokumentasjon](https://aksel.nav.no/ikoner)
-
-```bash
-yarn add @navikt/aksel-icons
-```
-
-### Bruk
-
-```jsx
-import { Heading } from "@navikt/ds-react";
-import "@navikt/ds-css";
-
-<Heading level="1" size="xlarge">
-  Sidetitel
-</Heading>;
-```

.storybook/layout.css

@@ -13,19 +13,9 @@
 
 .colgap[data-theme="dark"],
 .rowgap[data-theme="dark"] {
-  background-color: #262626;
+  background-color: var(--a-gray-900);
 }
 
 .rowgap-wrap {
   flex-wrap: wrap;
 }
-
-.css-warning {
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-  border-radius: 6px;
-  padding: 1.5rem;
-  background-color: var(--a-surface-warning-subtle);
-  border: 1px solid var(--a-border-warning);
-}

.storybook/main.cjs

@@ -1,81 +0,0 @@
-const storyIndexers = require("./indexer");
-
-const path = require("path");
-const { mergeConfig } = require("vite");
-
-module.exports = {
-  storyIndexers,
-  devServer: {
-    stats: "errors-only",
-  },
-  staticDirs: ["./public"],
-
-  stories: () => [
-    "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
-    "./*.stories.mdx",
-    ...(process.env.STORYBOOK_STORIES === "all"
-      ? [
-          "../aksel.nav.no/website/components/**/*.stories.tsx",
-          "../aksel.nav.no/website/pages/eksempler/**/*.tsx",
-        ]
-      : []),
-  ],
-  addons: [
-    "@storybook/addon-a11y",
-    "@whitespace/storybook-addon-html",
-    {
-      name: "@storybook/addon-storysource",
-      options: {
-        loaderOptions: {
-          injectStoryParameters: false,
-        },
-      },
-    },
-    {
-      name: "@storybook/addon-essentials",
-      options: {
-        actions: false,
-        controls: {
-          hideNoControlsWarning: true,
-        },
-      },
-    },
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  features: {
-    storyStoreV7: true,
-  },
-  docs: {
-    autodocs: "tag",
-  },
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: false,
-  },
-  async viteFinal(config) {
-    return mergeConfig(config, {
-      define: { "process.env": {} },
-      resolve: {
-        alias: [
-          /*
-          // Example
-          {
-            find: "@components",
-            replacement: path.resolve(__dirname, "./src/components"),
-          }, */
-          {
-            find: "components",
-            replacement: path.resolve(
-              __dirname,
-              "../aksel.nav.no/website/components"
-            ),
-          },
-        ],
-      },
-    });
-  },
-};

.storybook/main.ts

@@ -0,0 +1,45 @@
+module.exports = {
+  staticDirs: ["./public"],
+
+  stories: () => [
+    "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
+    "./*.stories.mdx",
+  ],
+  addons: [
+    "@storybook/addon-a11y",
+    "@whitespace/storybook-addon-html",
+    "@storybook/addon-interactions",
+    {
+      name: "@storybook/addon-storysource",
+      options: {
+        loaderOptions: {
+          injectStoryParameters: false,
+        },
+      },
+    },
+    {
+      name: "@storybook/addon-essentials",
+      options: {
+        actions: false,
+        controls: {
+          hideNoControlsWarning: true,
+        },
+      },
+    },
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  features: {
+    storyStoreV7: true,
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: false,
+  },
+};

.storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from "@storybook/addons";
+import { addons } from "@storybook/manager-api";
 import AkselTheme from "./theme.js";
 
 addons.setConfig({

.storybook/preview-head.html

@@ -1,3 +0,0 @@
-<script>
-  window.global = window;
-</script>

.storybook/preview.jsx

@@ -1,13 +1,18 @@
+import React from "react";
 import "@navikt/ds-css/index.css";
-import "@navikt/ds-css-internal/index.css";
 import "./layout.css";
 
 export const parameters = {
   options: {
     storySort: {
-      method: "",
-      order: ["Intro", "ds-react", ["form"], ["Default"], "ds-icons"],
-      locales: "",
+      method: "alphabetical",
+      order: [
+        "Getting started",
+        "ds-react",
+        ["Primitives"],
+        ["Default"],
+        "Aksel-icons",
+      ],
     },
   },
   layout: "centered",
@@ -19,7 +24,7 @@ export const parameters = {
       },
       {
         name: "Darkmode",
-        value: "#262626",
+        value: "#23262a",
       },
     ],
   },
@@ -28,7 +33,6 @@ export const parameters = {
 export const globalTypes = {
   theme: {
     name: "Theme",
-    description: "Global theme for components",
     toolbar: {
       icon: "circlehollow",
       items: [
@@ -41,20 +45,12 @@ export const globalTypes = {
 };
 
 export const withTheme = (StoryFn, context) => {
-  const foundCss =
-    context.parameters.fileName.startsWith("./@navikt") &&
-    document.querySelector('[data-vite-dev-id$="dist/tw.css"]');
   return (
     <div
       data-theme={context.parameters.theme || context.globals.theme || "light"}
       lang="no"
       id="root"
     >
-      {foundCss && (
-        <div className="css-warning">
-          OBS! Ser ut som CSS fra aksel.nav.no er lastet. Refresh siden!
-        </div>
-      )}
       <StoryFn />
     </div>
   );

.storybook/theme.js

@@ -4,19 +4,5 @@ import logoUrl from "./public/logo.svg";
 export default create({
   brandImage: logoUrl,
   base: "light",
-  // Typography
-  fontBase: '"Source Sans Pro", sans-serif',
-  fontCode: "monospace",
-
-  // Text colors
-  textColor: "#262626",
-  textInverseColor: "rgba(255,255,255,0.9)",
-
-  colorSecondary: "rgba(0, 36, 58, 1)",
-  colorPrimary: "rgba(153, 196, 221, 1)",
-
-  barTextColor: "rgba(0, 91, 130, 1)",
-  barSelectedColor: "rgba(0, 36, 58, 1)",
-
   brandTitle: "Aksel",
 });

@navikt/aksel-icons/.svgrrc.js

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

@navikt/aksel-icons/CHANGELOG.md

@@ -1,41 +1,223 @@
 # @navikt/aksel-icons
 
-## 2.7.6
+## 5.10.3
 
-## 2.7.5
+## 5.10.2
+
+## 5.10.1
+
+## 5.10.0
+
+## 5.9.2
+
+## 5.9.1
+
+## 5.9.0
+
+## 5.8.0
+
+## 5.7.6
+
+## 5.7.5
+
+## 5.7.4
+
+## 5.7.3
+
+## 5.7.2
+
+## 5.7.1
+
+## 5.7.0
+
+### Minor Changes
+
+- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365))
+
+## 5.6.5
+
+## 5.6.4
+
+## 5.6.3
+
+## 5.6.2
+
+## 5.6.1
+
+## 5.6.0
+
+### Minor Changes
+
+- Ikoner: SVG export setter nå `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300))
+
+- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313))
+
+### Patch Changes
+
+- Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307))
+
+## 5.5.0
+
+## 5.4.1
+
+## 5.4.0
+
+## 5.3.5
+
+## 5.3.4
+
+### Patch Changes
+
+- :bug: SVG import map er nå riktig path ([#2250](https://github.com/navikt/aksel/pull/2250))
+
+## 5.3.3
+
+## 5.3.2
+
+## 5.3.1
+
+## 5.3.0
+
+## 5.2.1
+
+## 5.2.0
+
+### Minor Changes
+
+- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197))
+
+## 5.1.0
+
+## 5.0.3
+
+## 5.0.2
+
+## 5.0.1
+
+## 5.0.0
+
+## 4.12.1
+
+## 4.12.0
+
+## 4.11.2
+
+## 4.11.1
+
+## 4.11.0
+
+## 4.10.2
+
+## 4.10.1
+
+## 4.10.0
+
+## 4.9.1
+
+## 4.9.0
+
+## 4.8.0
+
+## 4.7.4
+
+## 4.7.3
+
+## 4.7.2
+
+## 4.7.1
+
+## 4.7.0
+
+## 4.6.1
+
+## 4.6.0
+
+## 4.5.0
+
+## 4.4.2
+
+## 4.4.1
+
+## 4.1.5
+
+### Patch Changes
+
+- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054))
+
+## 3.2.3
+
+### Patch Changes
+
+- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))
+
+## 2.9.8
+
+### Patch Changes
+
+- Oppdatert Statusikoner til å være tydeligere og mer konsistente. ([PR](https://github.com/navikt/aksel/pull/1959))
+
+## 2.9.7
+
+### Patch Changes
+
+- Fikset `CheckmarkIcon`-bug
+
+## 2.9.6
+
+### Patch Changes
+
+- Fikset `CheckmarkCircleIcon`-bug ([PR](https://github.com/navikt/aksel/pull/1956))
+
+## 2.9.3
+
+### Patch Changes
+
+- Nye ikoner `BulletList` og `NumberList` ([PR](https://github.com/navikt/aksel/pull/1950))
+
+## 2.8.15
+
+### Patch Changes
+
+- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928))
+
+## 2.8.13
+
+### Patch Changes
+
+- Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921))
+
+## 2.8.11
+
+### Patch Changes
+
+- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909))
+
+## 2.8.8
+
+### Patch Changes
+
+- Nye ikoner `VideoSlash` og `VideoSlashFill`
+
+## 2.8.4
+
+### Patch Changes
+
+- Fikset Sourcemap-bug
+
+## 2.7.7
+
+### Patch Changes
+
+- Nye ikoner `CaretUpDownFilledDown`, `CaretUpDownFilledUp`, `CloudDown`, `CloudDownFill`, `CloudUp`, `CloudUpFill`, `HddDown`, `HddDownFill`, `HddUp`, `HddUpFill`, `Inbox`, `InboxDown`, `InboxDownFill`, `InboxFill`, `InboxUp`, `InboxUpFill`, `ShoppingBasket`, `ShoppingBasketFill`
 
 ## 2.7.4
 
 ### Patch Changes
 
-- [#1852](https://github.com/navikt/aksel/pull/1852) [`a4fd1dd22`](https://github.com/navikt/aksel/commit/a4fd1dd227b9b56b747f962aa0c2b2dc9b4e30a4) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikonpakke med nye ikoner :rocket:
-
-  - :tada: CaretDownFill
-  - :tada: CaretLeft
-  - :tada: CaretLeftFill
-  - :tada: CaretLeftRight
-  - :tada: CaretLeftRightFill
-  - :tada: CaretRight
-  - :tada: CaretRightFill
-  - :tada: CaretUpDownFill
-  - :tada: CaretUpFill
-  - :tada: Escalator
-  - :tada: Moon
-  - :tada: MoonFill
-  - :fire: EscalatorStroke
-
-## 2.7.3
-
-## 2.7.2
-
-## 2.7.1
-
-### Patch Changes
-
-- [`7d9517cf9`](https://github.com/navikt/aksel/commit/7d9517cf90331b57441a0787a04eef66efd1b9b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Public-access for ny ikonpakke i GPR
+- Nye ikoner, `CaretDownFill`, `CaretLeft`, `CaretLeftFill`, `CaretLeftRight`, `CaretLeftRightFill`, `CaretRight`, `CaretRightFill`, `CaretUpDownFill`, `CaretUpFill`, `Escalator`, `Moon`, `MoonFill`. Fjernet `EscalatorStroke` ([PR](https://github.com/navikt/aksel/pull/1852))
 
 ## 2.7.0
 
 ### Minor Changes
 
-- [#1847](https://github.com/navikt/aksel/pull/1847) [`de291a972`](https://github.com/navikt/aksel/commit/de291a9722c262d40fecaec7be55b71f86e60160) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Ny ikonpakke med for core icons 3! `@navikt/aksel-icons`
+- Ny ikonpakke med for core icons 3! `@navikt/aksel-icons` ([PR](https://github.com/navikt/aksel/pull/1847))

@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="#262626"`
+- Fill på path: `fill="#23262A"`
 
 ### 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 `#262626` for stroke og fill.
+- Alle lag og grupper skal bruke `#23262A` for stroke og fill.
 
 ### Stroke (linje)
 

@navikt/aksel-icons/README.md

@@ -63,4 +63,4 @@ declare module "*.svg" {
 
 ## License
 
-[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)
+[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)

@navikt/aksel-icons/__tests__/validate-svg-parsing.mjs

@@ -0,0 +1,34 @@
+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"/>
+  </svg>
+  `;
+
+  const simpleSvgResult = `<svg width="1em" height="1em" 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="currentColor"/>
+  </svg>
+  `;
+
+  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"/>
+  </svg>
+  `;
+
+  const advancedSvgResult = `<svg width="1em" height="1em" 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="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+  </svg>
+  `;
+
+  it("a", () => {
+    expect(parseIcon(simpleSvg)).toEqual(simpleSvgResult);
+    expect(parseIcon(advancedSvg)).toEqual(advancedSvgResult);
+  });
+});

@navikt/aksel-icons/__tests__/validate-svg.mjs

@@ -55,7 +55,7 @@ describe(`Each icons has a valid code`, () => {
 
         nodes.forEach((n) => {
           n.properties?.stroke &&
-            expect(n.properties.stroke).toEqual("#262626");
+            expect(n.properties.stroke).toEqual("#23262A");
         });
       });
 

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

@@ -22,26 +22,38 @@ export const fetchIcons = async () => {
   return data?.meta?.components;
 };
 
-export const fetchDownloadUrls = async (ids) => {
-  return 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())
-    .catch((e) => {
-      throw e.message;
-    });
+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) => {
+      console.log("Error fetching icon: ", e.message);
       throw e.message;
     });
 };

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

@@ -4,6 +4,7 @@ import { makeConfig } from "./make-configs.mjs";
 import { existsSync, writeFileSync, mkdirSync, rmSync, readdirSync } from "fs";
 import { resolve } from "path";
 import { resolveName } from "./icon-name.mjs";
+import { paginate } from "./paginate.mjs";
 config();
 /* https://www.figma.com/file/wEdyFjCQSBR3U7FvrMbPXa/Core-Icons-Next?node-id=277%3A1221&t=mUJzFvnsceYYXNL5-0 */
 
@@ -15,14 +16,14 @@ if (!process.env.FIGMA_TOKEN) {
 
 async function main() {
   let icons = await fetchIcons();
-  /* icons = icons.filter(
-    (x) => x.containing_frame.pageName === "Files and application"
-  ); */
 
   const totalIcons = icons.length;
 
   const { images } = await fetchDownloadUrls(
-    icons.map((x) => x.node_id).join(",")
+    paginate(
+      icons.map((x) => x.node_id),
+      400
+    ).map((x) => x.join(","))
   );
 
   if (existsSync(iconFolder)) {
@@ -34,7 +35,11 @@ async function main() {
   console.log(`Laster ned ${Object.keys(images).length} ikoner`);
 
   for (const [key, value] of Object.entries(images)) {
-    const icon = await fetchIcon(value);
+    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))),

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

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

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

@@ -24,6 +24,11 @@ fs.writeFileSync(
   `const metadata = ${JSON.stringify(metadata)};\n\n module.exports = metadata;`
 );
 
+fs.writeFileSync(
+  path.resolve(__dirname, "../dist/metadata.mjs"),
+  `const metadata = ${JSON.stringify(metadata)};\n\n export default metadata;`
+);
+
 fs.writeFileSync(
   path.resolve(__dirname, "../dist/metadata.d.ts"),
   `export type AkselIcon = {
@@ -33,8 +38,8 @@ fs.writeFileSync(
     sub_category: "Time",
     keywords: string[];
     variant: "stroke" | "fill";
-    date_added: Date;
-    date_modified: Date;
+    updated_at: Date;
+    created_at: Date;
   }
 
   declare const metadata: {

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

@@ -0,0 +1,42 @@
+const fastglob = require("fast-glob");
+const path = require("path");
+const {
+  existsSync,
+  readFileSync,
+  mkdirSync,
+  rmSync,
+  writeFileSync,
+} = require("fs");
+
+function main() {
+  const basePath = path.resolve(__dirname, "../icons");
+  const iconFolder = path.resolve(__dirname, "../dist/svg");
+
+  const svgList = fastglob.sync("*.svg", { cwd: basePath });
+
+  if (existsSync(iconFolder)) {
+    rmSync(iconFolder, { recursive: true, force: true });
+  }
+  mkdirSync(iconFolder);
+
+  svgList.forEach((svg) => {
+    const icon = readFileSync(`${basePath}/${svg}`).toString();
+    writeFileSync(`${iconFolder}/${svg}`, parseIcon(icon));
+  });
+}
+
+/**
+ *
+ * @param {string} SVG-string
+ * @returns {string} Parsed SVG-string
+ */
+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`);
+
+  return icon;
+}
+
+module.exports = { parseIcon, main };

@navikt/aksel-icons/figma-plugin/.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+!src
+!*.d.ts

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

@@ -0,0 +1,22 @@
+![](/src/assets/gh-cover.png)
+
+# 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.
+
+Referer 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
+
+- `yarn dev` for development
+- `yarn build` for production-build
+
+### Test with Figma
+
+- Open `Figma` -> `Plugins` -> `Development` -> `Import plugin from manifest...` and choose `manifest.json` file from this repo.
+
+### Publish to Figma
+
+- Open `Figma` -> `Plugins` -> `Find more plugins` -> `Publish new versions`
+  (requires publish-access)

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

@@ -0,0 +1,10 @@
+{
+  "name": "Aksel Icons",
+  "id": "1221057403873975172",
+  "api": "1.0.0",
+  "main": "dist/plugin.js",
+  "ui": "dist/index.html",
+  "capabilities": [],
+  "enableProposedApi": false,
+  "editorType": ["figma", "figjam"]
+}

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

@@ -0,0 +1,35 @@
+{
+  "name": "aksel-icons-figma-plugin",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite -c ./vite.config.ui.ts",
+    "build:icon-plugin": "tsc && npm run build:ui && npm run build:plugin",
+    "build:ui": "vite build -c ./vite.config.ui.ts --emptyOutDir",
+    "build:plugin": "vite build -c ./vite.config.plugin.ts",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@navikt/ds-css": "*",
+    "@navikt/ds-react": "*",
+    "fuse.js": "^6.6.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@figma/plugin-typings": "^1.62.0",
+    "@svgr/core": "^6.5.1",
+    "@types/node": "^18.15.11",
+    "@types/postcss-url": "^10.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^3.1.0",
+    "postcss": "^8.4.31",
+    "postcss-url": "^10.1.3",
+    "typescript": "^5.1.6",
+    "vite": "^4.2.0",
+    "vite-plugin-singlefile": "^0.13.3",
+    "vite-plugin-svgr": "^2.4.0"
+  }
+}

@navikt/aksel-icons/figma-plugin/scripts/vite/vite-inline-svg.ts

@@ -0,0 +1,30 @@
+import fs from "fs";
+import { Plugin } from "vite";
+
+function svgToDataURL(svgStr: string) {
+  const encoded = encodeURIComponent(svgStr)
+    .replace(/'/g, "%27")
+    .replace(/"/g, "%22");
+
+  const header = "data:image/svg+xml,";
+  const dataUrl = header + encoded;
+
+  return dataUrl;
+}
+
+export default function (): Plugin {
+  return {
+    name: "vite-inline-svg",
+    enforce: "pre",
+
+    async load(id) {
+      const [path, query] = id.split("?", 2);
+
+      if (!path.endsWith(".svg")) return;
+      if (query !== "inline") return;
+
+      const svg = await fs.promises.readFile(path, "utf-8");
+      return `export default "${svgToDataURL(svg)}"`;
+    },
+  };
+}

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

@@ -0,0 +1,50 @@
+import { createFilter, FilterPattern } from "@rollup/pluginutils";
+import type { Config } from "@svgr/core";
+import fs from "fs";
+import type { Plugin } from "vite";
+import { transformWithEsbuild } from "vite";
+
+export interface ViteSvgrOptions {
+  svgrOptions?: Config;
+  esbuildOptions?: Parameters<typeof transformWithEsbuild>[2];
+  exclude?: FilterPattern;
+  include?: FilterPattern;
+}
+
+export default function viteSvgr({
+  svgrOptions,
+  esbuildOptions,
+  include = "**/*.svg?component",
+  exclude,
+}: ViteSvgrOptions = {}): Plugin {
+  const filter = createFilter(include, exclude);
+
+  return {
+    name: "vite-svgr-component",
+
+    async transform(code, id) {
+      if (filter(id)) {
+        const { transform } = await import("@svgr/core");
+        const svgCode = await fs.promises.readFile(
+          id.replace(/\?.*$/, ""),
+          "utf8"
+        );
+
+        const componentCode = await transform(svgCode, svgrOptions, {
+          filePath: id,
+          caller: { previousExport: null },
+        });
+
+        const res = await transformWithEsbuild(componentCode, id, {
+          loader: "jsx",
+          ...esbuildOptions,
+        });
+
+        return {
+          code: res.code,
+          map: null,
+        };
+      }
+    },
+  };
+}

@navikt/aksel-icons/figma-plugin/src/assets/logo.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 170 170" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.07318 54.5734C-0.692218 51.806 -0.690888 47.3204 2.07614 44.5546L38.6019 8.04512C38.7787 7.8684 38.9576 7.69433 39.1387 7.52295L39.1205 7.50476C42.7235 3.90124 47.1588 1.63753 51.8075 0.71364C53.8316 0.243049 55.9182 1.07479e-05 58.0297 1.01387e-05L142.517 0C157.695 5.55246e-06 170 12.3065 170 27.4874V111.958C170 113.916 169.791 115.852 169.386 117.737C168.522 122.523 166.241 127.103 162.542 130.803L162.533 130.794C162.342 130.997 162.148 131.197 161.95 131.395L125.425 167.925C122.659 170.692 118.174 170.692 115.408 167.925C112.642 165.158 112.642 160.673 115.408 157.906L151.933 121.376C153.698 119.61 154.917 117.4 155.48 115.008C155.999 111.779 155.014 108.355 152.525 105.866L64.1955 17.5236C61.632 14.9597 58.0865 13.9765 54.7698 14.574C52.4605 15.1572 50.3292 16.3547 48.6162 18.0669L12.0905 54.5764C9.32349 57.3422 4.83857 57.3409 2.07318 54.5734ZM80.8759 14.1688L155.833 89.1374V27.4874C155.833 20.1317 149.871 14.1688 142.517 14.1688L80.8759 14.1688Z" fill="#004367"/>
+<path d="M2.07466 167.925C-0.691554 165.158 -0.691554 160.673 2.07466 157.906L65.8247 94.1468C68.5909 91.3801 73.0758 91.3801 75.842 94.1468C78.6082 96.9134 78.6082 101.399 75.842 104.166L12.092 167.925C9.32579 170.692 4.84087 170.692 2.07466 167.925Z" fill="#004367"/>
+</svg>

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

@@ -0,0 +1,46 @@
+figma.showUI(__html__, { width: 480, height: 600 });
+
+figma.ui.onmessage = (msg) => {
+  if (msg.type === "create-icon") {
+    const nodes = [];
+
+    const icon = figma.createNodeFromSvg(msg.svg);
+    icon.name = msg.name;
+    icon.resize(msg.size, msg.size);
+    nodes.push(icon);
+
+    figma.currentPage.appendChild(icon);
+
+    figma.viewport.scrollAndZoomIntoView(nodes);
+
+    figma.ui.postMessage({
+      type: "create-icon",
+      message: `Created ${msg.name} icon}`,
+    });
+  }
+};
+
+// https://github.com/figma/plugin-samples#icon-drag-and-drop
+figma.on("drop", (event) => {
+  const { files, node } = event;
+
+  if (files.length > 0 && files[0].type === "image/svg+xml") {
+    files[0].getTextAsync().then((text) => {
+      const newNode = figma.createNodeFromSvg(text);
+      newNode.name = `${files[0].name.replace(".svg", "")}Icon`;
+      newNode.resize(24, 24);
+
+      // We can only append page nodes to documents
+      if ("appendChild" in node && node.type !== "DOCUMENT") {
+        node.appendChild(newNode);
+      }
+
+      newNode.x = event.x;
+      newNode.y = event.y;
+
+      figma.currentPage.selection = [newNode];
+    });
+
+    return false;
+  }
+});

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

@@ -0,0 +1,193 @@
+/* eslint-disable react/react-in-jsx-scope */
+import { Heading, Search, ToggleGroup } from "@navikt/ds-react";
+import Fuse from "fuse.js";
+import { useEffect, useMemo, useState } from "react";
+import * as Icons from "../../../";
+import meta from "../../../dist/metadata";
+import "./app.css";
+import { categorizeIcons, getFillIcon } from "./utils";
+
+const fuseStroke = new Fuse(
+  Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke"),
+  {
+    threshold: 0.2,
+    keys: [
+      { name: "name", weight: 3 },
+      { name: "category", weight: 2 },
+      { name: "sub_category", weight: 2 },
+      { name: "keywords", weight: 3 },
+      { name: "variant", weight: 1 },
+    ],
+    shouldSort: false,
+  }
+);
+
+const fuseFill = new Fuse(getFillIcon(Object.values(meta)), {
+  threshold: 0.2,
+  keys: [
+    { name: "name", weight: 3 },
+    { name: "category", weight: 2 },
+    { name: "sub_category", weight: 2 },
+    { name: "keywords", weight: 3 },
+    { name: "variant", weight: 1 },
+  ],
+  shouldSort: false,
+});
+
+const App = () => {
+  const [query, setQuery] = useState("");
+  const [toggle, setToggle] = useState<"stroke" | "fill">("stroke");
+
+  const [strokeIcons] = useState(
+    Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke")
+  );
+
+  const [fillIcons] = useState(getFillIcon(Object.values(meta)));
+
+  const categories = useMemo(() => {
+    if (toggle === "fill") {
+      return categorizeIcons(
+        query
+          ? fuseFill.search(query).map((result) => result.item as any)
+          : fillIcons
+      );
+    }
+    return categorizeIcons(
+      query
+        ? fuseStroke.search(query).map((result) => result.item as any)
+        : strokeIcons
+    );
+  }, [toggle, query, strokeIcons, fillIcons]);
+
+  const onCreate = (id: string, name: string) => {
+    const svg = document.getElementById(id)?.outerHTML;
+    const size = 24;
+    parent.postMessage(
+      {
+        pluginMessage: {
+          type: "create-icon",
+          svg,
+          size,
+          name,
+        },
+      },
+      "*"
+    );
+  };
+
+  useEffect(() => {
+    const dragEvent = (e) => {
+      // Don't proceed if the item was dropped inside the plugin window.
+      if (e.view.length === 0) {
+        return;
+      }
+
+      const file = new File([e.target.innerHTML], `${e.target.id}.svg`, {
+        type: "image/svg+xml",
+      });
+
+      window.parent.postMessage(
+        {
+          pluginDrop: {
+            clientX: e.clientX,
+            clientY: e.clientY,
+            files: [file],
+            name: e.target.id,
+          },
+        },
+        "*"
+      );
+    };
+
+    const icons = document.getElementsByClassName("icon-classname");
+    for (const icon of icons) {
+      icon.addEventListener("dragend", dragEvent);
+    }
+
+    return () => {
+      for (const icon of icons) {
+        icon.removeEventListener("dragend", dragEvent);
+      }
+    };
+  }, [categories]);
+
+  return (
+    <main tabIndex={-1} className="wrapper">
+      <form onSubmit={(e) => e.preventDefault()} className="form">
+        <div className="form-togglegroup">
+          <ToggleGroup
+            value={toggle}
+            onChange={(v) => setToggle(v as any)}
+            variant="neutral"
+          >
+            <ToggleGroup.Item value="stroke">Stroke</ToggleGroup.Item>
+            <ToggleGroup.Item value="fill">Fill</ToggleGroup.Item>
+          </ToggleGroup>
+        </div>
+        <div className="form-search">
+          <Search
+            variant="simple"
+            label="Ikonsøk"
+            style={{ border: "none" }}
+            placeholder="Søk"
+            autoComplete="off"
+            onChange={setQuery}
+            value={query}
+            clearButton={false}
+          />
+        </div>
+      </form>
+
+      <div className="categories">
+        {categories.map((cat) => {
+          return (
+            <div key={cat.category}>
+              <Heading level="2" size="small" spacing>
+                {cat.category}
+              </Heading>
+              <div className="sub-categories">
+                {cat.sub_categories.map((sub) => {
+                  return (
+                    <div key={sub.sub_category}>
+                      <Heading level="3" size="xsmall" className="sub-heading">
+                        {sub.sub_category}
+                      </Heading>
+                      <div className="icons-wrapper">
+                        {sub.icons.map((i) => {
+                          const T = Icons[`${i.id}Icon`]; // eslint-disable-line import/namespace
+                          if (T === undefined) {
+                            console.log(i);
+                            return null;
+                          }
+                          return (
+                            <button
+                              key={i.id}
+                              id={i.id}
+                              onClick={() => {
+                                onCreate(`icon-id-${i.id}`, `${i.id}Icon`);
+                              }}
+                              draggable="true"
+                              className="icon-classname icon-button"
+                            >
+                              <T
+                                font-size="2rem"
+                                title={i.id}
+                                id={`icon-id-${i.id}`}
+                              />
+                            </button>
+                          );
+                        })}
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </main>
+  );
+};
+
+export default App;

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

@@ -0,0 +1,79 @@
+@import "@navikt/ds-css";
+
+.wrapper {
+  background-color: var(--a-bg-default);
+}
+
+.form {
+  border-bottom: 1px solid var(--a-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  height: fit-content;
+  width: 100%;
+  gap: 1rem;
+  padding-block: 0.5rem;
+  padding-inline: 1rem;
+  background-color: var(--a-bg-default);
+}
+
+.form-togglegroup {
+  min-width: 10rem;
+}
+
+.form-search {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  width: 100%;
+}
+
+.categories {
+  display: grid;
+  width: 100%;
+  place-content: start;
+  gap: 2rem;
+  padding: 1.5rem;
+}
+
+.sub-categories {
+  display: grid;
+  width: 100%;
+  gap: 0.5rem;
+}
+
+.sub-heading {
+  color: var(--a-text-subtle);
+  margin-bottom: 0.25rem;
+}
+
+.icons-wrapper {
+  gap: 0.125rem;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.icon-button {
+  min-height: 3rem;
+  min-width: 3rem;
+  border-radius: var(--a-border-radius-small);
+  display: grid;
+  place-content: center;
+  background-color: var(--a-surface-default);
+  cursor: pointer;
+  border: none;
+}
+
+.icon-button:hover {
+  background-color: var(--a-surface-hover);
+}
+
+.icon-button:active {
+  background-color: var(--a-surface-neutral-subtle-hover);
+}
+
+.icon-button:focus-visible {
+  outline: 2px solid var(--a-border-focus);
+}

@navikt/aksel-icons/figma-plugin/src/ui/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Aksel icons</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

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

@@ -0,0 +1,9 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

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

@@ -0,0 +1,56 @@
+import meta 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][] }[] = [];
+
+  for (const icon of icons) {
+    const i = categories.findIndex(
+      ({ sub_category }) => icon.sub_category === sub_category
+    );
+    i !== -1
+      ? categories[i].icons.push(icon)
+      : categories.push({ sub_category: icon.sub_category, icons: [icon] });
+  }
+  return categories.sort((a, b) =>
+    a.sub_category.localeCompare(b.sub_category)
+  );
+};
+
+export const categorizeIcons = (
+  icons: (typeof meta)[1][]
+): {
+  category: string;
+  sub_categories: { sub_category: string; icons: (typeof meta)[1][] }[];
+}[] => {
+  const categories: {
+    category: string;
+    icons: (typeof meta)[1][];
+  }[] = [];
+
+  for (const icon of icons) {
+    const i = categories.findIndex(
+      ({ category }) => icon.category === category
+    );
+    i !== -1
+      ? categories[i].icons.push(icon)
+      : categories.push({ category: icon.category, icons: [icon] });
+  }
+  return categories
+    .sort((a, b) => a.category.localeCompare(b.category))
+    .map((x) => ({ ...x, sub_categories: subCategorizeIcons(x.icons) }));
+};
+
+const noFill = (icon: (typeof meta)[1], icons: (typeof meta)[1][]) => {
+  const foundFill = icons.find(
+    (x) => x.name.endsWith("Fill") && x.name.replace("Fill", "") === icon.name
+  );
+  return !foundFill;
+};
+
+export const getFillIcon = (icons: (typeof meta)[1][]) => {
+  return icons.filter(
+    (x, _, z) => x.variant.toLowerCase() === "fill" || noFill(x, z)
+  );
+};

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

@@ -0,0 +1,30 @@
+/// <reference types="vite/client" />
+
+declare module "*.svg?component" {
+  import * as React from "react";
+
+  const ReactComponent: React.FunctionComponent<
+    React.ComponentProps<"svg"> & { title?: string }
+  >;
+
+  export default ReactComponent;
+}
+
+declare module "**/metadata.mjs" {
+  export type AkselIcon = {
+    id: string;
+    name: string;
+    category: string;
+    sub_category: "Time";
+    keywords: string[];
+    variant: "stroke" | "fill";
+    updated_at: Date;
+    created_at: Date;
+  };
+
+  declare const metadata: {
+    [iconId: string]: AkselIcon;
+  };
+
+  export default metadata;
+}

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

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "CommonJS",
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": false,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "rootDir": ".",
+    "baseUrl": ".",
+    "outDir": "dist/",
+    "sourceMap": false,
+    "noImplicitAny": false,
+    "types": ["@figma/plugin-typings"]
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx"
+  ],
+  "exclude": ["src/common/**/*"]
+}

@navikt/aksel-icons/figma-plugin/tsconfig.node.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "vite.config.plugin.ts",
+    "vite.config.ui.ts",
+    "./scripts/vite/*.ts"
+  ]
+}

@navikt/aksel-icons/figma-plugin/vite.config.plugin.ts

@@ -0,0 +1,17 @@
+import path from "path";
+import { defineConfig } from "vite";
+import { viteSingleFile } from "vite-plugin-singlefile";
+
+export default defineConfig({
+  plugins: [viteSingleFile()],
+  build: {
+    lib: {
+      name: "Aksel Icons",
+      entry: path.resolve(__dirname, "./src/plugin/plugin.ts"),
+      fileName: "plugin",
+      formats: ["es"],
+    },
+    emptyOutDir: false,
+    outDir: path.resolve(__dirname, "./dist"),
+  },
+});

@navikt/aksel-icons/figma-plugin/vite.config.ui.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from "vite";
+import path from "path";
+
+import { viteSingleFile } from "vite-plugin-singlefile";
+import react from "@vitejs/plugin-react";
+
+import inlineSvg from "./scripts/vite/vite-inline-svg";
+import svgComponent from "./scripts/vite/vite-svgr-component";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), svgComponent(), inlineSvg(), viteSingleFile()],
+  root: path.resolve(__dirname, "./src/ui/"),
+  build: {
+    outDir: path.resolve(__dirname, "./dist"),
+    rollupOptions: {
+      input: {
+        ui: path.relative(__dirname, "./src/ui/index.html"),
+      },
+      output: {
+        entryFileNames: "[name].js",
+      },
+    },
+  },
+});

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

@@ -0,0 +1,64 @@
+import * as AkselIcons from "@navikt/aksel-icons";
+import { StarFillIcon } from "@navikt/aksel-icons";
+import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+
+const meta = {
+  title: "aksel-icons/Icons",
+} satisfies Meta<typeof StarFillIcon>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Icons: Story = {
+  render: () => {
+    return (
+      <div className="icons">
+        {Object.entries(AkselIcons).map(([key, Value]) => (
+          <React.Fragment key={key}>
+            <Value fontSize="3rem" aria-hidden title={key} />
+          </React.Fragment>
+        ))}
+        <style>
+          {`
+          .icons{
+            display: flex;
+            flex-wrap: wrap;
+          }
+          `}
+        </style>
+      </div>
+    );
+  },
+};
+
+export const IconsInverted: Story = {
+  render: () => {
+    return (
+      <div className="icons">
+        {Object.entries(AkselIcons).map(([key, Value]) => (
+          <React.Fragment key={key}>
+            <Value
+              fontSize="3rem"
+              aria-hidden
+              title={key}
+              className="icon-color"
+            />
+          </React.Fragment>
+        ))}
+        <style>
+          {`
+          .icons{
+            display: flex;
+            flex-wrap: wrap;
+            background: var(--a-gray-900);
+          }
+          .icon-color{
+            color: var(--a-icon-on-inverted);
+          }
+          `}
+        </style>
+      </div>
+    );
+  },
+};

@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.13069C2.97861 7.20346 2.7818 7.40426 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.14299C17.9605 6.24051 16.4131 5.95191 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05782 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26244 9.5628L9.55282 9.98633C9.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.21903C12.9783 8.37308 13.2316 8.42464 13.4669 8.35719L15.3894 7.80591C16.3728 7.52394 17.4315 7.72141 18.247 8.33889L19.4429 9.24433L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76404C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74692 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="#262626"/>
+<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.13069C2.97861 7.20346 2.7818 7.40426 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.14299C17.9605 6.24051 16.4131 5.95191 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05782 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26244 9.5628L9.55282 9.98633C9.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.21903C12.9783 8.37308 13.2316 8.42464 13.4669 8.35719L15.3894 7.80591C16.3728 7.52394 17.4315 7.72141 18.247 8.33889L19.4429 9.24433L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76404C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74692 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"/>
 </svg>

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

@@ -6,5 +6,5 @@ keywords:
   - reise
   - travel
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -6,5 +6,5 @@ keywords:
   - reise
   - travel
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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.75L6.75 4.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="#262626"/>
+<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.75L6.75 4.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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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 17V4C5.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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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.5V12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25V5.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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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.25H17C17.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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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.25L20 3.25C20.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 20V7C5.25 6.58579 5.58579 6.25 6 6.25H10ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25H14C13.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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - sammensetning
   - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - symptomer
   - advarsel
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>

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

@@ -15,5 +15,5 @@ keywords:
   - symptomer
   - advarsel
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 19.08.2023
 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="#262626"/>
+<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"/>
 </svg>