Version Packages (#1954)

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

.changeset/README.md

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

.changeset/config.json

@@ -1,27 +1,26 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
-  "changelog": [
-    "@changesets/changelog-github",
-    { "repo": "navikt/Designsystemet" }
-  ],
+  "changelog": ["@changesets/changelog-github", { "repo": "navikt/aksel" }],
   "commit": false,
   "fixed": [
     [
       "@navikt/ds-react",
       "@navikt/ds-css",
-      "@navikt/ds-icons",
       "@navikt/ds-tokens",
       "@navikt/ds-tailwind",
       "@navikt/ds-css-internal",
       "@navikt/ds-react-internal",
-      "@navikt/ds-codemod"
+      "@navikt/ds-codemod",
+      "@navikt/aksel-icons",
+      "@navikt/aksel",
+      "@navikt/ds-icons"
     ]
   ],
   "linked": [],
   "access": "public",
-  "baseBranch": "master",
+  "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["shadow-dom", "aksel.nav.no"],
+  "ignore": ["shadow-dom", "aksel.nav.no", "@navikt/ds-navno"],
 
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "updateInternalDependents": "always"

.github/ISSUE_TEMPLATE/new-component.yml

@@ -0,0 +1,24 @@
+name: Ny komponent
+description: Send et ønske om en eller flere nye komponenter
+title: "[Ny komponent]: "
+labels: ["nytt ✨", "forespørsel 🥰", "komponenter 🧩"]
+assignees:
+  - KenAJoh
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Takk for at du bidrar inn i Aksel!
+  - type: input
+    id: title
+    attributes:
+      label: Navn på komponent
+      description: Hva er navnet på komponenten du ønsker deg?
+      placeholder: eks. datepicker
+    validations:
+      required: true
+  - type: textarea
+    id: examples
+    attributes:
+      label: Eksempel på komponenten
+      description: Send en lenke til eksempler på komponenten

.github/ISSUE_TEMPLATE/new-icon.yaml

@@ -0,0 +1,24 @@
+name: Nytt ikon
+description: Send et ønske om et eller flere nye ikoner
+title: "[Nytt ikon]: "
+labels: ["nytt ✨", "ikoner 🖼", "forespørsel 🥰"]
+assignees:
+  - KenAJoh
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Takk for at du bidrar inn i Aksel!
+  - type: input
+    id: title
+    attributes:
+      label: Navn på ikonet
+      description: Hva er navnet på ikonet du ønsker deg?
+      placeholder: eks. send
+    validations:
+      required: true
+  - type: textarea
+    id: examples
+    attributes:
+      label: Eksempel på ikonet
+      description: Send en lenke til eksempler på ikonet

.github/ISSUE_TEMPLATE/update-component.yml

@@ -0,0 +1,16 @@
+name: Innspill til komponent
+description: Send inn innspill til komponent
+title: "[Innspill til komponent]: "
+labels: ["forespørsel 🥰", "komponenter 🧩", "nytt ✨", "beta 🧪"]
+assignees:
+  - KenAJoh
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Takk for at du bidrar inn i Aksel!
+  - type: textarea
+    id: feeback
+    attributes:
+      label: Tilbakemelding
+      description: Beskriv hvilke tilbakemeldinger du har til komponenten

.github/ISSUE_TEMPLATE/update-icon.yml

@@ -0,0 +1,16 @@
+name: Innspill til ikon
+description: Send inn innspill til ikon
+title: "[Tilbakemelding på ikon]: "
+labels: ["forespørsel 🥰", "ikoner 🖼️"]
+assignees:
+  - KenAJoh
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Takk for at du bidrar inn i Aksel!
+  - type: textarea
+    id: feeback
+    attributes:
+      label: Tilbakemelding
+      description: Beskriv hvilke tilbakemeldinger du har til ikonet

.github/workflows/aksel-dev.yml

@@ -5,29 +5,29 @@ on:
     branches:
       - next
 
-env:
-  IMAGE: ghcr.io/navikt/designsystemet
-
 jobs:
   build_and_deploy:
     name: Build and deploy to dev-gcp
     runs-on: ubuntu-20.04
+    permissions:
+      packages: "write"
+      contents: "read"
+      id-token: "write"
     steps:
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: "14"
-      - uses: actions/checkout@v2
-        with:
-          ref: "next"
+          node-version: "16"
+      - 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 "ALGOLIA_ADMIN=${{ secrets.ALGOLIA_ADMIN }}" >> aksel.nav.no/website/.env
-          echo "ALGOLIA_ID=${{ secrets.ALGOLIA_ID}}" >> aksel.nav.no/website/.env
-          echo "TRELLO_TOKEN=${{ secrets.TRELLO_TOKEN }}" >> 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
@@ -43,24 +43,26 @@ jobs:
       - name: Build application
         run: |
           yarn boot
-          yarn docgen
           yarn workspace aksel.nav.no build:next
 
-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@ab80d026d4753220c4243394c07c7d80f9638d06 # Use commit-sha1 instead of tag for security concerns
+      - name: Upload static files to NAV CDN
+        uses: navikt/frontend/actions/cdn-upload/v1@main
         with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
+          cdn-team-name: aksel
+          source: ./aksel.nav.no/website/.next/static
+          destination: "/website/_next"
+
       - 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
@@ -68,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

@@ -2,31 +2,25 @@ name: Deploy aksel.nav.no
 on:
   push:
     branches:
-      - master
+      - main
     paths:
       - "aksel.nav.no/**"
 
 env:
-  IMAGE: ghcr.io/navikt/designsystemet
+  IMAGE: ghcr.io/navikt/aksel
 
 jobs:
-  build_and_deploy:
-    name: Build and deploy to prod-gcp
-    runs-on: ubuntu-20.04
+  sync_data_with_sanity:
+    name: Update component data
+    runs-on: ubuntu-latest
     steps:
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: "14"
-      - uses: actions/checkout@v2
+          node-version: "16"
+      - 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 "ALGOLIA_ADMIN=${{ secrets.ALGOLIA_ADMIN }}" >> aksel.nav.no/website/.env
-          echo "ALGOLIA_ID=${{ secrets.ALGOLIA_ID}}" >> aksel.nav.no/website/.env
-          echo "TRELLO_TOKEN=${{ secrets.TRELLO_TOKEN }}" >> 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
 
       - name: Restore cache
         uses: actions/cache@v3
@@ -39,38 +33,79 @@ jobs:
       - name: Install dependencies
         run: yarn
 
-      - name: build packages
+      - name: Run docgen
         run: |
           yarn boot
           yarn docgen
 
-      - name: Tests
-        run: yarn workspace aksel.nav.no test
-
-      - name: E2E
-        run: NEXT_PUBLIC_TEST=true yarn workspace website e2e
-
       - name: Update sanity sync
         run: yarn workspace aksel.nav.no sanity:update
 
+  build_and_deploy:
+    name: Build and deploy to prod-gcp
+    runs-on: ubuntu-latest
+    permissions:
+      packages: "write"
+      contents: "read"
+      id-token: "write"
+    steps:
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+      - 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 "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: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-prod-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-prod-
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Build packages
+        run: yarn boot
+
+      - name: Tests
+        run: yarn workspace aksel.nav.no test
+
       - name: Build application
         run: yarn workspace aksel.nav.no build:next
 
-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@ab80d026d4753220c4243394c07c7d80f9638d06 # Use commit-sha1 instead of tag for security concerns
+      - name: Upload static files to NAV CDN
+        uses: navikt/frontend/actions/cdn-upload/v1@main
         with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
+          cdn-team-name: aksel
+          source: ./aksel.nav.no/website/.next/static
+          destination: "/website/_next"
+
       - 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
-      - name: Push docker image
-        run: |
-          docker push ${{ env.DOCKER_TAG }}
+        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:
+          ref: ${{ github.ref }}
+          check-name: "Smoketest Aksel"
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          wait-interval: 10
 
       - name: Deploy to prod-gcp
         uses: nais/deploy/actions/deploy@master
@@ -78,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

@@ -12,19 +12,19 @@ on:
         default: "false"
 
 env:
-  IMAGE: ghcr.io/navikt/designsystemet
+  IMAGE: ghcr.io/navikt/aksel
 
 jobs:
   redeploy:
     name: Redeploy image
     runs-on: ubuntu-20.04
     steps:
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: "14"
-      - uses: actions/checkout@v2
+          node-version: "16"
+      - uses: actions/checkout@v3
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@ab80d026d4753220c4243394c07c7d80f9638d06 # Use commit-sha1 instead of tag for security concerns
+        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns
         with:
           registry: ghcr.io
           username: ${{ github.actor }}

.github/workflows/backup-sanity.yml

@@ -8,10 +8,10 @@ jobs:
   execute:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0 # Required to retrieve git history
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
           node-version: 14
 
@@ -22,18 +22,17 @@ jobs:
           key: ${{ runner.os }}-build-${{ github.sha }}
           restore-keys: |
             ${{ runner.os }}-build-
-
       - name: Install dependencies
-        run: yarn
+        run: cd aksel.nav.no/website && yarn
 
       - name: Export dataset
-        run: SANITY_TOKEN=${{secrets.SANITY_DATASET_EDITOR_TOKEN}} yarn workspace aksel.nav.no sanity:backup
+        run: cd aksel.nav.no/website && SANITY_PREVIEW_TOKEN=${{secrets.SANITY_DATASET_EDITOR_TOKEN}} yarn backup
       - name: Upload GCP bucket
         uses: "google-github-actions/auth@v0"
         with:
           credentials_json: "${{ secrets.gcp_credentials_prod }}"
       - uses: "google-github-actions/upload-cloud-storage@v0"
         with:
-          path: ./aksel.nav.no/sanity
+          path: ./aksel.nav.no/website
           destination: "aksel-website-prod/backups"
-          glob: "**/backup-*.tar.gz"
+          glob: "backup-*.tar.gz"

.github/workflows/chromatic.yml

@@ -3,11 +3,11 @@ name: Visual Regression Tests
 on:
   push:
     branches:
-      - "master"
+      - "main"
     paths:
       - "@navikt/**"
   pull_request:
-    branches: [master, next]
+    branches: [main, next]
     paths:
       - "@navikt/**"
 
@@ -44,10 +44,11 @@ jobs:
         id: chromatic_tests
         continue-on-error: true
         with:
-          autoAcceptChanges: "master"
+          autoAcceptChanges: "main"
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: x3xqdfgkujg
           exitZeroOnChanges: false
+          buildScriptName: "build:storybook"
         env:
           STORYBOOK_GITHUB_SHA: ${{ github.sha }}
 
@@ -74,7 +75,7 @@ jobs:
         with:
           issue-number: ${{ github.event.pull_request.number }}
           comment-author: "github-actions[bot]"
-          body-includes: Chromatic build-output
+          body-includes: github-comment-finder
 
       - name: Create or update comment
         if: steps.chromatic_tests.outcome == 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
@@ -83,13 +84,9 @@ jobs:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
           body: |
-            Chromatic build-output:
+            ### [<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}})
 
-            - :clipboard: [Review](${{steps.chromatic_tests.outputs.url}})
-            - :tada: [Storybook preview](${{steps.storybook_url.outputs.replaced}})
-            - :white_check_mark: No changes detected :white_check_mark:
-
-            commit: `${{ steps.vars.outputs.sha_short }}`
+            [${{ 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
@@ -99,11 +96,9 @@ jobs:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
           body: |
-            **Chromatic build-output**:
+            ### [<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}})
 
-            - :clipboard: [Review](${{steps.chromatic_tests.outputs.url}})
-            - :tada: [Storybook preview](${{steps.storybook_url.outputs.replaced}})
-            - :no_entry_sign: Changes detected :no_entry_sign:, review endringer.
+            ### [Endringer til review](${{steps.chromatic_tests.outputs.url}}): ${{steps.chromatic_tests.outputs.changeCount}}
 
-            commit: `${{ steps.vars.outputs.sha_short }}`
+            [${{ 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

.github/workflows/ci.yml

@@ -3,7 +3,7 @@ name: CI
 on:
   push:
     branches:
-      - master
+      - main
       - next
   pull_request:
   workflow_dispatch:

.github/workflows/codeql.yml

@@ -1,71 +0,0 @@
-# For most projects, this workflow file will not need changing; you simply need
-# to commit it to your repository.
-#
-# You may wish to alter this file to override the set of languages analyzed,
-# or to provide custom queries or build logic.
-#
-# ******** NOTE ********
-# We have attempted to detect the languages in your repository. Please check
-# the `language` matrix defined below to confirm you have the correct set of
-# supported CodeQL languages.
-#
-name: "CodeQL"
-
-on:
-  push:
-    branches: [master, next]
-  pull_request:
-    # The branches below must be a subset of the branches above
-    branches: [master]
-  schedule:
-    - cron: "41 8 * * 6"
-
-jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-    permissions:
-      actions: read
-      contents: read
-      security-events: write
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: ["javascript"]
-        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
-        # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      # Initializes the CodeQL tools for scanning.
-      - name: Initialize CodeQL
-        uses: github/codeql-action/init@v2
-        with:
-          languages: ${{ matrix.language }}
-          # If you wish to specify custom queries, you can do so here or in a config file.
-          # By default, queries listed here will override any specified in a config file.
-          # Prefix the list here with "+" to use these queries and those in the config file.
-
-          # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
-          # queries: security-extended,security-and-quality
-
-      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-      # If this step fails, then you should remove it and run the build manually (see below)
-      - name: Autobuild
-        uses: github/codeql-action/autobuild@v2
-
-      # ℹ️ Command-line programs to run using the OS shell.
-      # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
-
-      #   If the Autobuild fails above, remove it and uncomment the following three lines.
-      #   modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance.
-
-      # - run: |
-      #   echo "Run, Build Application using script"
-      #   ./location_of_script_within_repo/buildscript.sh
-
-      - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@v2

.github/workflows/e2e.yml

@@ -1,17 +1,19 @@
 name: E2E / Playwright Tests
 on:
   push:
-    branches: [master, next]
+    branches: [main, next]
     paths:
       - "aksel.nav.no/**"
   pull_request:
-    branches: [master, next]
+    branches: [main, next]
     paths:
       - "aksel.nav.no/**"
 
 jobs:
   playwright:
     runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.30.0-focal
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
@@ -21,10 +23,6 @@ jobs:
       - name: add tokens to .env
         run: |
           echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "ALGOLIA_ADMIN=${{ secrets.ALGOLIA_ADMIN }}" >> aksel.nav.no/website/.env
-          echo "ALGOLIA_ID=${{ secrets.ALGOLIA_ID}}" >> aksel.nav.no/website/.env
-          echo "TRELLO_TOKEN=${{ secrets.TRELLO_TOKEN }}" >> 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
 
@@ -39,15 +37,15 @@ jobs:
       - name: Install dependencies
         run: yarn
 
-      - name: build packages
+      - name: Build packages
         run: |
           yarn boot
-          yarn docgen
 
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps
+      - name: Build application
+        run: yarn workspace aksel.nav.no build:next
+
       - name: Run Playwright tests
-        run: yarn workspace website e2e
+        run: yarn workspace website e2e:ci-full
       - uses: actions/upload-artifact@v3
         if: always()
         with:

.github/workflows/push-to-cdn.yaml

@@ -4,7 +4,7 @@ on:
   workflow_dispatch:
   push:
     branches:
-      - "master"
+      - "main"
     paths:
       - "fonts/**"
 
@@ -20,9 +20,8 @@ jobs:
       - uses: "actions/checkout@v3"
 
       - id: upload
-        uses: nais/frontend-plattform-cdn-upload-action@main
+        uses: navikt/frontend/actions/cdn-upload/v1@main
         with:
-          cdn-environment: cdn.nav.no
           cdn-team-name: aksel
           source: ./fonts
           destination: "" # uploads folder to team root

.github/workflows/release.yml

@@ -3,7 +3,7 @@ name: Release
 on:
   push:
     branches:
-      - master
+      - main
   workflow_dispatch:
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
@@ -11,8 +11,13 @@ 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"
+      contents: "write"
+      packages: "write"
+      pull-requests: "write"
     steps:
       - uses: actions/checkout@v3
         with:
@@ -40,6 +45,7 @@ jobs:
         with:
           version: yarn version
           publish: yarn release
+          createGithubReleases: false
         env:
           NPM_TOKEN: ${{ secrets.NPM_AUTOMATION }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -65,3 +71,29 @@ jobs:
           NPM_TOKEN: ${{ secrets.NPM_AUTOMATION }}
           GITHUB_TOKEN: ${{ secrets.GIT_REPO }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTOMATION }}
+
+      - name: Generate icon.zip
+        if: steps.changesets.outputs.published == 'true'
+        run: yarn zip:icons
+
+      - name: Upload updated icon.zip to NAV CDN
+        if: steps.changesets.outputs.published == 'true'
+        uses: navikt/frontend/actions/cdn-upload/v1@main
+        with:
+          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/searchindex.yml

@@ -1,25 +0,0 @@
-name: Indexing search
-on:
-  workflow_dispatch:
-  schedule:
-    # 01.00 & 12.00 every day
-    - cron: "00 01,12 * * *"
-
-jobs:
-  searchcrawl:
-    name: Search-indexing aksel.nav.no
-    runs-on: ubuntu-latest
-    env:
-      APPLICATION_ID: ${{ secrets.ALGOLIA_ID}}
-      API_KEY: ${{ secrets.ALGOLIA_ADMIN }}
-    steps:
-      - uses: actions/checkout@v2
-      - name: Read crawler.json
-        id: algolia_config
-        run: echo "::set-output name=config::$(cat ./aksel.nav.no/crawler.json | jq -r tostring)"
-      - name: Push indices to Algolia
-        uses: signcl/docsearch-scraper-action@master
-        env:
-          APPLICATION_ID: ${{ secrets.ALGOLIA_ID}}
-          API_KEY: ${{ secrets.ALGOLIA_ADMIN }}
-          CONFIG: ${{ steps.algolia_config.outputs.config }}

.github/workflows/smoketest.yml

@@ -0,0 +1,48 @@
+name: Smoketest aksel.nav.no
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - "aksel.nav.no/**"
+
+env:
+  IMAGE: ghcr.io/navikt/aksel
+
+jobs:
+  smoketest:
+    name: Smoketest Aksel
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.30.0-focal
+    steps:
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+      - 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 "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
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-prod-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-prod-
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: build packages
+        run: |
+          yarn boot
+
+      - name: Build application
+        run: yarn workspace aksel.nav.no build:next
+
+      - name: E2E smoketest
+        run: yarn workspace website e2e:ci

.gitignore

@@ -116,6 +116,7 @@ react-docgen.json
 react-docgen-docs.json
 cjs
 esm
+@navikt/community/navno/css
 .vercel
 _docs.json
 
@@ -147,3 +148,6 @@ tmp.json
 /playwright/.cache/
 playwright-report/
 /test-results/
+backup-*.tar.gz
+sitemap-urls.json
+*.tar.gz

.storybook/indexer.ts

@@ -0,0 +1,33 @@
+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,15 +1,12 @@
 import { Meta, Canvas } from "@storybook/addon-docs";
 
-<Meta title="Intro/Velkommen" />
+<Meta title="Intro" />
 
 # Aksel, NAVs designsystem
 
-- [Dokumentasjon](https://aksel.nav.no/designsystem)
-- [Komponenter](https://aksel.nav.no/designsystem/side/oversikt-komponenter)
+[Dokumentasjon](https://aksel.nav.no/komponenter)
 
-## Kom i gang
-
-### Kjernepakke
+### Core
 
 ```bash
 yarn add @navikt/ds-react @navikt/ds-css
@@ -21,10 +18,12 @@ yarn add @navikt/ds-react @navikt/ds-css
 yarn add @navikt/ds-react-internal @navikt/ds-css-internal
 ```
 
-### Ikonpakke
+### Ikoner
+
+[Dokumentasjon](https://aksel.nav.no/ikoner)
 
 ```bash
-yarn add @navikt/ds-icons
+yarn add @navikt/aksel-icons
 ```
 
 ### Bruk

.storybook/layout.css

@@ -19,3 +19,13 @@
 .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

@@ -0,0 +1,89 @@
+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"
+            ),
+          },
+          {
+            find: "@utils",
+            replacement: path.resolve(
+              __dirname,
+              "../aksel.nav.no/website/components/website-modules/utils/index.ts"
+            ),
+          },
+        ],
+      },
+    });
+  },
+};

.storybook/main.js

@@ -1,58 +0,0 @@
-const getStories = () => {
-  return process.env.stories
-    ? [`../@navikt/**/${process.env.stories}.stories.@(js|jsx|ts|tsx|mdx)`]
-    : ["../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)"];
-};
-
-module.exports = {
-  webpackFinal: async (config, { configType }) => {
-    config.devServer = {
-      stats: "errors-only",
-    };
-    return config;
-  },
-  staticDirs: ["./public"],
-  devServer: {
-    stats: "errors-only",
-  },
-  stories: () => [...getStories(), "./*.stories.mdx"],
-  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,
-        },
-      },
-    },
-  ],
-  features: {
-    storyStoreV7: true,
-  },
-  core: {
-    builder: {
-      name: "webpack5",
-      options: {
-        lazyCompilation: false,
-        fsCache: true,
-      },
-    },
-  },
-  framework: "@storybook/react",
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: false,
-  },
-};

.storybook/manager.js

@@ -1,12 +1,6 @@
 import { addons } from "@storybook/addons";
-import NavTheme from "./theme.js";
-/* import logoUrl from "./public/logo.svg"; */
+import AkselTheme from "./theme.js";
 
 addons.setConfig({
-  theme: NavTheme,
+  theme: AkselTheme,
 });
-
-/* const link = document.createElement("link");
-link.setAttribute("rel", "shortcut icon");
-link.setAttribute("href", logoUrl);
-document.head.appendChild(link); */

.storybook/preview-head.html

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

.storybook/preview.jsx

@@ -1,20 +1,18 @@
+import { RouterContext } from "next/dist/shared/lib/router-context";
 import "@navikt/ds-css/index.css";
 import "@navikt/ds-css-internal/index.css";
 import "./layout.css";
 
 export const parameters = {
-  /* actions: { argTypesRegex: "^on[A-Z].*" }, */
   options: {
     storySort: {
       method: "",
-      order: ["Intro", "ds-icons", "ds-react", ["form"], ["Default"]],
+      order: ["Intro", "ds-react", ["form"], ["Default"], "ds-icons"],
       locales: "",
     },
   },
-  viewMode: "docs",
   layout: "centered",
   backgrounds: {
-    default: "Canvas",
     values: [
       {
         name: "Canvas",
@@ -32,7 +30,6 @@ export const globalTypes = {
   theme: {
     name: "Theme",
     description: "Global theme for components",
-    defaultValue: "light",
     toolbar: {
       icon: "circlehollow",
       items: [
@@ -44,10 +41,24 @@ export const globalTypes = {
   },
 };
 
-export const withTheme = (StoryFn, context) => (
-  <div data-theme={context.parameters.theme || context.globals.theme} lang="no">
-    <StoryFn />
-  </div>
-);
+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>
+  );
+};
 
 export const decorators = [withTheme];

.storybook/public/logo.svg

@@ -1,20 +1,38 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="44"
-  height="44"
+  width="119"
+  height="26"
+  viewBox="0 0 119 26"
   fill="none"
-  viewBox="0 0 44 44"
+  xmlns="http://www.w3.org/2000/svg"
 >
   <path
-    fill="rgba(153, 196, 221, 1)"
-    fill-rule="evenodd"
-    d="M9.07 3.03A10.33 10.33 0 0 1 16.37 0h17.3C39.37 0 44 4.62 44 10.33v17.3c0 2.73-1.09 5.36-3.03 7.3l-6.04 6.04a10.33 10.33 0 0 1-7.3 3.03h-17.3C4.63 44 0 39.38 0 33.67v-17.3c0-2.73 1.09-5.36 3.03-7.3l6.04-6.04Z"
-    clip-rule="evenodd"
-  ></path>
+    d="M56.9682 23.3413L48.1959 1.94542C47.9106 1.30354 47.2687 0.839966 46.5199 0.839966C45.8067 0.839966 45.1292 1.30354 44.8795 1.94542L36.1072 23.3413C36.0359 23.5196 36.0002 23.6623 36.0002 23.7692C36.0002 24.3398 36.4638 24.839 37.07 24.839C37.498 24.839 37.9259 24.5537 38.0685 24.1615L40.1724 18.8838H52.903L55.0069 24.1615C55.1496 24.5537 55.5418 24.839 56.0054 24.839C56.6116 24.839 57.0752 24.3398 57.0752 23.7692C57.0752 23.5909 57.0039 23.4483 56.9682 23.3413ZM40.9213 17.0295L46.5199 2.9439L52.1541 17.0295H40.9213Z"
+    fill="#004367"
+  />
+  <path
+    d="M75.0623 23.2343L68.1086 15.3179L74.884 8.93474C75.0623 8.75645 75.1693 8.50683 75.1693 8.29287C75.1693 7.82929 74.8127 7.40137 74.3135 7.40137C74.0995 7.40137 73.8855 7.47269 73.7072 7.61533L63.4729 17.3148V1.76712C63.4729 1.26788 63.045 0.839966 62.5457 0.839966C62.0465 0.839966 61.6186 1.26788 61.6186 1.76712V23.9119C61.6186 24.4111 62.0465 24.839 62.5457 24.839C63.045 24.839 63.4729 24.4111 63.4729 23.9119V19.5614L66.6823 16.5303L73.6003 24.5181C73.7786 24.732 74.0282 24.839 74.3491 24.839C74.884 24.839 75.2763 24.4111 75.2763 23.8762C75.2763 23.6266 75.205 23.4126 75.0623 23.2343Z"
+    fill="#004367"
+  />
+  <path
+    d="M79.0353 22.9491C80.747 24.5181 82.6726 25.16 85.1331 25.16C89.448 25.16 91.5876 22.8777 91.5876 20.0963C91.5876 16.4233 88.2712 15.6031 85.3114 14.8543C82.9222 14.2481 80.7113 13.7132 80.7113 11.7519C80.7113 9.96888 82.3517 8.64947 85.0262 8.64947C86.9518 8.64947 88.5565 9.327 89.6619 10.3968C89.7689 10.5038 89.9829 10.6108 90.1612 10.6108C90.6247 10.6108 90.9813 10.2185 90.9813 9.79058C90.9813 9.5053 90.8744 9.327 90.6961 9.1487C89.4123 7.93627 87.5937 7.08043 85.0262 7.08043C81.1392 7.08043 78.8927 9.22002 78.8927 11.8589C78.8927 15.2109 82.0664 15.9597 84.9548 16.6729C87.4154 17.3148 89.7689 17.9567 89.7689 20.1676C89.7689 22.1645 88.0572 23.5909 85.1688 23.5909C83.0649 23.5909 81.3532 22.7708 80.1408 21.6296C79.9981 21.487 79.8198 21.4157 79.6059 21.4157C79.1066 21.4157 78.7144 21.8079 78.7144 22.3072C78.7144 22.5568 78.857 22.8064 79.0353 22.9491Z"
+    fill="#004367"
+  />
+  <path
+    d="M95.2069 16.1024C95.2069 21.4157 98.8086 25.16 103.837 25.16C106.404 25.16 108.365 24.3398 110.077 22.8421C110.255 22.6638 110.362 22.4855 110.362 22.2359C110.362 21.7723 110.041 21.4513 109.614 21.4513C109.435 21.4513 109.257 21.487 109.15 21.594C107.688 22.9134 105.941 23.5553 103.979 23.5553C99.914 23.5553 97.4179 20.4529 97.2396 16.7086H110.541C111.254 16.7086 111.646 16.3163 111.646 15.6745C111.646 11.2526 108.758 7.08043 103.516 7.08043C98.7373 7.08043 95.2069 11.11 95.2069 16.1024ZM103.48 8.68513C107.795 8.68513 109.72 12.3224 109.756 15.2465H97.2396C97.3822 12.2511 99.4148 8.68513 103.48 8.68513Z"
+    fill="#004367"
+  />
+  <path
+    d="M117.365 24.839C117.865 24.839 118.293 24.4111 118.293 23.9119V1.76712C118.293 1.26788 117.865 0.839966 117.365 0.839966C116.866 0.839966 116.438 1.26788 116.438 1.76712V23.9119C116.438 24.4111 116.866 24.839 117.365 24.839Z"
+    fill="#004367"
+  />
   <path
-    fill="rgba(0, 36, 58, 1)"
     fill-rule="evenodd"
-    d="M12.96 6.92a4.82 4.82 0 0 1 3.42-1.42h17.29a4.83 4.83 0 0 1 4.83 4.83v17.29a4.8 4.8 0 0 1-1.42 3.42l-.37.37-6.65 6.65a1.5 1.5 0 1 1-2.12-2.12l6.64-6.64v-.01c.72-.72.72-1.87 0-2.59L17.3 9.42a1.83 1.83 0 0 0-2.6 0l-6.64 6.64a1.5 1.5 0 1 1-2.12-2.12l7.02-7.02Zm22.54 3.41v13.05L20.62 8.5h13.05c1 0 1.83.82 1.83 1.83ZM20.06 26.06a1.5 1.5 0 0 0-2.12-2.12l-11 11a1.5 1.5 0 1 0 2.12 2.12l11-11Z"
     clip-rule="evenodd"
-  ></path>
+    d="M0.292684 8.54331C-0.0977248 8.15267 -0.0975372 7.5195 0.293103 7.1291L5.44967 1.97558C5.47463 1.95063 5.4999 1.92606 5.52546 1.90187L5.52289 1.8993C6.03155 1.39065 6.65771 1.07111 7.314 0.9407C7.59976 0.874273 7.89433 0.839967 8.19243 0.839967L20.12 0.839966C22.2629 0.839967 24 2.5771 24 4.71997V16.6435C24 16.9198 23.9705 17.1931 23.9133 17.4591C23.7914 18.1347 23.4693 18.7813 22.9471 19.3035L22.9458 19.3022C22.9189 19.3309 22.8915 19.3592 22.8636 19.3871L17.7071 24.5435C17.3166 24.934 16.6834 24.934 16.2929 24.5435C15.9024 24.153 15.9024 23.5198 16.2929 23.1293L21.4494 17.9728C21.6986 17.7236 21.8706 17.4116 21.9501 17.074C22.0233 16.6182 21.8843 16.1349 21.5329 15.7835L9.06289 3.31352C8.70098 2.95161 8.20044 2.81283 7.73221 2.89716C7.40619 2.97949 7.10531 3.14852 6.86347 3.39021L1.7069 8.54373C1.31626 8.93414 0.683092 8.93395 0.292684 8.54331ZM11.4178 2.83997L22 13.4222V4.71997C22 3.68167 21.1583 2.83997 20.12 2.83997L11.4178 2.83997Z"
+    fill="#004367"
+  />
+  <path
+    d="M0.292893 24.5435C-0.0976311 24.153 -0.0976311 23.5198 0.292893 23.1293L9.29289 14.1293C9.68342 13.7388 10.3166 13.7388 10.7071 14.1293C11.0976 14.5198 11.0976 15.153 10.7071 15.5435L1.70711 24.5435C1.31658 24.934 0.683417 24.934 0.292893 24.5435Z"
+    fill="#004367"
+  />
 </svg>

.storybook/theme.js

@@ -1,8 +1,8 @@
 import { create } from "@storybook/theming";
-/* import logoUrl from "./public/logo.svg"; */
+import logoUrl from "./public/logo.svg";
 
 export default create({
-  /* brandImage: process.env.NODE_ENV === "production" ? logoUrl : "/logo.svg", */
+  brandImage: logoUrl,
   base: "light",
   // Typography
   fontBase: '"Source Sans Pro", sans-serif',

.storybook/webpack.config.js

@@ -1,24 +0,0 @@
-const path = require("path");
-
-module.exports = (baseConfig) => {
-  baseConfig.config.module.rules.push({
-    test: /\.css$/,
-    use: ["style-loader", "css-loader"],
-    include: [
-      path.resolve(__dirname, "../node_modules/@navikt/core/css/index.css"),
-    ],
-  });
-  baseConfig.config.resolve.alias = {
-    ...baseConfig.config.resolve.alias,
-    "./normalize.css": path.resolve(
-      __dirname,
-      "../node_modules/normalize.css/normalize.css"
-    ),
-    "./@navikt/ds-tokens": path.resolve(
-      __dirname,
-      "../node_modules/@navikt/ds-tokens/dist/tokens.css"
-    ),
-  };
-
-  return baseConfig.config;
-};

@navikt/aksel-icons/.gitignore

@@ -0,0 +1,5 @@
+dist
+src
+svgtest
+core-icons
+*.zip

@navikt/aksel-icons/.svgrrc.js

@@ -0,0 +1,16 @@
+const template = require("./config/template");
+
+module.exports = {
+  typescript: true,
+  ref: true,
+  icon: true,
+  titleProp: true,
+  svgProps: {
+    focusable: false,
+    role: "img",
+  },
+  replaceAttrValues: {
+    "#262626": "currentColor",
+  },
+  template,
+};

@navikt/aksel-icons/CHANGELOG.md

@@ -0,0 +1,147 @@
+# @navikt/aksel-icons
+
+## 2.9.4
+
+## 2.9.3
+
+### Patch Changes
+
+- [#1950](https://github.com/navikt/aksel/pull/1950) [`c03d53d5a`](https://github.com/navikt/aksel/commit/c03d53d5aa2dc7f06a223d48069fa21ee39bb396) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Nye ikoner
+
+  - :tada: BulletList
+  - :tada: NumberList
+
+## 2.9.2
+
+## 2.9.1
+
+## 2.9.0
+
+## 2.8.16
+
+## 2.8.15
+
+### Patch Changes
+
+- [#1928](https://github.com/navikt/aksel/pull/1928) [`dfe923582`](https://github.com/navikt/aksel/commit/dfe923582a57b41c77cfb4fbfa7c56be047ef2b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Lagt til nye ikoner :tada:
+
+  - HandKnot.svg
+  - HandKnotFilled.svg
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
+## 2.8.13
+
+### Patch Changes
+
+- [#1921](https://github.com/navikt/aksel/pull/1921) [`ecd6241e5`](https://github.com/navikt/aksel/commit/ecd6241e5751519fbda800a5f41a613957dbf77c) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikoner :tada:
+
+## 2.8.12
+
+## 2.8.11
+
+### Patch Changes
+
+- [#1909](https://github.com/navikt/aksel/pull/1909) [`270427910`](https://github.com/navikt/aksel/commit/2704279107a5fbf93048de37d014e78f6721438f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikoner
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+### Patch Changes
+
+- [`ed8e28454`](https://github.com/navikt/aksel/commit/ed8e284540a9e3a5be7d1d5e393f31db86962613) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Nye ikoner
+
+  - :tada: VideoSlash
+  - :tada: VideoSlashFill
+
+## 2.8.7
+
+## 2.8.6
+
+## 2.8.5
+
+## 2.8.4
+
+### Patch Changes
+
+- Fikset Sourcemap-bug i Aksel-icons
+
+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
+## 2.8.0
+
+## 2.7.8
+
+## 2.7.7
+
+### Patch Changes
+
+- [`a22ac3eb7`](https://github.com/navikt/aksel/commit/a22ac3eb78135bf93d4771802475396849809c03) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :Sparkles: Nye ikoner
+
+  - :tada: CaretUpDownFilledDown
+  - :tada: CaretUpDownFilledUp
+  - :tada: CloudDown
+  - :tada: CloudDownFill
+  - :tada: CloudUp
+  - :tada: CloudUpFill
+  - :tada: HddDown
+  - :tada: HddDownFill
+  - :tada: HddUp
+  - :tada: HddUpFill
+  - :tada: Inbox
+  - :tada: InboxDown
+  - :tada: InboxDownFill
+  - :tada: InboxFill
+  - :tada: InboxUp
+  - :tada: InboxUpFill
+  - :tada: ShoppingBasket
+  - :tada: ShoppingBasketFill
+
+## 2.7.6
+
+## 2.7.5
+
+## 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
+
+## 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`

@navikt/aksel-icons/CONTRIBUTING.md

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

@navikt/aksel-icons/README.md

@@ -0,0 +1,66 @@
+# Aksel icons
+
+800+ open source icons made by Aksel, NAVs designsystem-team
+
+- Designed for 24x24px
+- Available in React and SVG
+- Accessible with use of `title`-prop
+- Suffixed with `Icon`
+
+## Install
+
+```bash
+  yarn add @navikt/aksel-icons
+  npm install @navikt/aksel-icons
+```
+
+## Use
+
+For previous users of `@navikt/ds-icons`, this package utilizes the same API. The only difference is that the icons are suffixed with `Icon` to avoid naming conflicts and visual changes to the icons themselves.
+
+```jsx
+import { StarIcon } from "@navikt/aksel-icons";
+
+function App() {
+  return <StarIcon title="star" fontSize="1.5rem" />;
+}
+```
+
+Tip: Use the `title` prop for accessible icons.
+
+### Sizing
+
+Each icons `width` and `height` is default `1em`. This allows you to use the native `fontSize`-prop to adjust sizing. We recommend using at least 1.5rem/24px for best possible visual representation.
+
+```jsx
+<StarIcon fontSize="1.5rem" />
+```
+
+### Direct svg-import
+
+All icons are available in raw SVG-format behind `/svg`. Note that svg-files do not have the suffix `Icon`.
+
+```js
+import StarIcon from "@navikt/aksel-icons/svg/Star.svg";
+```
+
+If using typescript, TS might complain about not finding types related to the svg-format. Add a `*.d.ts` file with this declaration to fix this. (This was copied from next/image-types/global.d.ts since next solves this internally, but should work elsewhere)
+
+```ts
+declare module "*.svg" {
+  /**
+   * Use `any` to avoid conflicts with
+   * `@svgr/webpack` plugin or
+   * `babel-plugin-inline-react-svg` plugin.
+   */
+  const content: any;
+
+  export default content;
+}
+```
+
+## [Learn more](https://aksel.nav.no/ikoner)
+
+## License
+
+[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)

@navikt/aksel-icons/__tests__/validate-config.js

@@ -0,0 +1,34 @@
+const fastglob = require("fast-glob");
+const path = require("path");
+const jsYaml = require("js-yaml");
+const fs = require("fs");
+
+const basePath = path.resolve(__dirname, "../icons");
+
+const ymlList = fastglob
+  .sync("*.yml", { cwd: basePath })
+  .map((fileN) => path.basename(fileN));
+
+describe(`Each icons YML-config is valid`, () => {
+  ymlList.forEach((file) => {
+    it(`${file} has valid YML-config`, () => {
+      const ymlData = jsYaml.load(fs.readFileSync(`${basePath}/${file}`), {
+        schema: jsYaml.JSON_SCHEMA,
+      });
+      expect(ymlData.name).toBeTruthy();
+      expect(ymlData.category).toBeTruthy();
+      expect(ymlData.sub_category).toBeTruthy();
+      expect(ymlData.keywords).toBeTruthy();
+      expect(ymlData.variant).toBeTruthy();
+      expect(ymlData.keywords.length).toBeGreaterThan(0);
+      expect(ymlData.updated_at).toBeTruthy();
+      expect(isDate(ymlData.updated_at)).toBeTruthy();
+      expect(ymlData.created_at).toBeTruthy();
+      expect(isDate(ymlData.created_at)).toBeTruthy();
+    });
+  });
+});
+
+function isDate(dateStr) {
+  return !isNaN(new Date(dateStr.split(".").reverse().join(".")).getDate());
+}

@navikt/aksel-icons/__tests__/validate-files.js

@@ -0,0 +1,32 @@
+const fastglob = require("fast-glob");
+const path = require("path");
+
+const basePath = path.resolve(__dirname, "../icons");
+
+const svgList = fastglob
+  .sync("*.svg", { cwd: basePath })
+  .map((fileN) => path.basename(fileN));
+
+const ymlList = fastglob
+  .sync("*.yml", { cwd: basePath })
+  .map((fileN) => path.basename(fileN));
+
+describe(`Each SVG-file has a matching YML file`, () => {
+  it(`must have a corresponding YML file`, () => {
+    expect(
+      ymlList
+        .map((yml) => yml.replace(".yml", ".svg"))
+        .filter((file) => !svgList.includes(file))
+    ).toStrictEqual([]);
+  });
+});
+
+describe(`Each YML-file has a matching SVG file`, () => {
+  it(`must have a corresponding SVG file`, () => {
+    expect(
+      svgList
+        .map((svg) => svg.replace(".svg", ".yml"))
+        .filter((file) => !ymlList.includes(file))
+    ).toStrictEqual([]);
+  });
+});

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

@@ -0,0 +1,71 @@
+import { basename } from "path";
+import { unified } from "unified";
+import parse from "rehype-parse";
+import fastglob from "fast-glob";
+import { readFileSync } from "fs";
+import { select, selectAll } from "hast-util-select";
+
+const basePath = "./icons";
+
+const svgList = fastglob
+  .sync("*.svg", { cwd: basePath })
+  .map((fileN) => basename(fileN));
+
+describe(`Each icons has a valid code`, () => {
+  svgList.forEach((file) => {
+    describe(`${file} has valid code`, () => {
+      const iconAst = unified()
+        .use(parse, { fragment: true, space: "svg" })
+        .parse(readFileSync(`${basePath}/${file}`));
+
+      it(`has valid attributes on root-node`, () => {
+        const properties = Object.keys(
+          select(":root", iconAst).properties
+        ).sort();
+
+        expect(properties).toStrictEqual(
+          ["viewBox", "xmlns", "height", "width", "fill"].sort()
+        );
+      });
+
+      it(`has valid xml-attr`, () => {
+        const xmlns = select(":root", iconAst).properties.xmlns;
+        expect(xmlns).toBe("http://www.w3.org/2000/svg");
+      });
+
+      it(`has valid viewbox`, () => {
+        const viewbox = select(":root", iconAst).properties.viewBox;
+        expect(viewbox).toBe("0 0 24 24");
+      });
+
+      it(`root fill is none`, () => {
+        const fill = select(":root", iconAst).properties.fill;
+        expect(fill).toBe("none");
+      });
+
+      it(`has valid width and height`, () => {
+        const width = select(":root", iconAst).properties.width;
+        const height = select(":root", iconAst).properties.height;
+        expect(width).toBe("24");
+        expect(height).toBe("24");
+      });
+
+      it(`has valid stroke`, () => {
+        const nodes = selectAll("*", iconAst);
+
+        nodes.forEach((n) => {
+          n.properties?.stroke &&
+            expect(n.properties.stroke).toEqual("#262626");
+        });
+      });
+
+      it(`has valid stroke-width`, () => {
+        const nodes = selectAll("*", iconAst);
+        nodes.forEach((n) => {
+          n.properties?.strokeWidth &&
+            expect(n.properties?.strokeWidth).toEqual("1.5");
+        });
+      });
+    });
+  });
+});

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

@@ -0,0 +1,22 @@
+/**
+ * Fikser https://github.com/navikt/aksel/issues/1758
+ */
+
+const fs = require("fs");
+
+const basePath = "./dist/react/esm";
+
+const files = fs.readdirSync(basePath).filter((x) => x.endsWith(".d.ts"));
+
+files.forEach((file) => {
+  let data = fs.readFileSync(`${basePath}/${file}`).toString().split("\n");
+
+  data = data.map((x) => {
+    return x.includes("React.ForwardRefExoticComponent")
+      ? x.split(":")[0] +
+          `: React.ForwardRefExoticComponent<React.SVGProps<SVGSVGElement> & SVGRProps & React.RefAttributes<SVGSVGElement>>;`
+      : x;
+  });
+
+  fs.writeFileSync(`${basePath}/${file}`, data.join("\n"));
+});

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

@@ -0,0 +1,48 @@
+const file_key = "wEdyFjCQSBR3U7FvrMbPXa";
+
+export const fetchIcons = async () => {
+  const data = await fetch(
+    `https://api.figma.com/v1/files/${file_key}/components`,
+    {
+      headers: {
+        "Content-type": "application/json",
+        "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
+      },
+    }
+  )
+    .then((x) => x.json())
+    .catch((e) => {
+      throw e.message;
+    });
+
+  if (!data?.meta?.components || data?.meta?.components.length === 0) {
+    throw new Error("Fant ingen publiserte ikoner");
+  }
+
+  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 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/icon-name.mjs

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

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

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

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

@@ -0,0 +1,36 @@
+import { writeFileSync } from "fs";
+import jsYaml from "js-yaml";
+import { resolve } from "path";
+import { resolveName } from "./icon-name.mjs";
+
+export const makeConfig = (icons, folder) => {
+  icons.forEach((icon) => {
+    const config = {
+      name: resolveName(icon).replace(".svg", ""),
+      category: icon.containing_frame.pageName,
+      sub_category: icon.containing_frame.name,
+      keywords: [...icon.description.split(",").map((x) => x.trim())],
+      variant: icon.name.includes("Variant=")
+        ? icon.name.replace("Variant=", "")
+        : "Stroke",
+      updated_at: new Date(icon.updated_at)
+        .toISOString()
+        .split("T")[0]
+        .split("-")
+        .reverse()
+        .join("."),
+      created_at: new Date(icon.created_at)
+        .toISOString()
+        .split("T")[0]
+        .split("-")
+        .reverse()
+        .join("."),
+    };
+
+    const yml = jsYaml.dump(config, { noRefs: true, skipInvalid: false });
+
+    writeFileSync(resolve(folder, `${config.name}.yml`), yml, {
+      encoding: "utf8",
+    });
+  });
+};

@navikt/aksel-icons/config/index-template.js

@@ -0,0 +1,12 @@
+const path = require("path");
+
+const defaultIndexTemplate = (paths) => {
+  const exportEntries = paths.map((filePath) => {
+    const basename = path.basename(filePath, path.extname(filePath));
+    return `export { default as ${basename}Icon } from './${basename}'`;
+  });
+
+  return exportEntries.join("\n");
+};
+
+module.exports = defaultIndexTemplate;

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

@@ -0,0 +1,45 @@
+const fastglob = require("fast-glob");
+const path = require("path");
+const jsYaml = require("js-yaml");
+const fs = require("fs");
+
+const basePath = path.resolve(__dirname, "../icons");
+
+const ymlList = fastglob
+  .sync("*.yml", { cwd: basePath })
+  .map((fileN) => path.basename(fileN));
+
+const metadata = {};
+
+ymlList.forEach((file) => {
+  const ymlData = jsYaml.load(fs.readFileSync(`${basePath}/${file}`), {
+    schema: jsYaml.JSON_SCHEMA,
+  });
+  const iconName = file.replace(".yml", "");
+  metadata[iconName] = { id: iconName, ...ymlData };
+});
+
+fs.writeFileSync(
+  path.resolve(__dirname, "../dist/metadata.js"),
+  `const metadata = ${JSON.stringify(metadata)};\n\n module.exports = metadata;`
+);
+
+fs.writeFileSync(
+  path.resolve(__dirname, "../dist/metadata.d.ts"),
+  `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/config/template.js

@@ -0,0 +1,41 @@
+const template = (variables, { tpl }) => {
+  const imports = variables.imports;
+  imports.push({
+    type: "ImportDeclaration",
+    specifiers: [
+      {
+        type: "ImportSpecifier",
+        imported: {
+          type: "Identifier",
+          name: "useId",
+        },
+      },
+    ],
+    source: {
+      type: "StringLiteral",
+      value: "./util/useId",
+    },
+  });
+
+  variables.props[0].properties.find(
+    (prop) => prop.key.name === "titleId"
+  ).value = {
+    type: "Identifier",
+    name: "_titleId",
+  };
+
+  return tpl`
+${imports};
+
+${variables.interfaces};
+
+const ${variables.componentName} = forwardRef((${variables.props}) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return ${variables.jsx};
+});
+export default ${variables.componentName}
+`;
+};
+
+module.exports = template;

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

@@ -0,0 +1,62 @@
+const AdmZip = require("adm-zip");
+const {
+  existsSync,
+  readFileSync,
+  mkdirSync,
+  rmSync,
+  copyFileSync,
+} = require("fs");
+const path = require("path");
+const fastGlob = require("fast-glob");
+const jsYaml = require("js-yaml");
+
+const iconFolder = "./core-icons";
+
+async function generateFile() {
+  if (existsSync(iconFolder)) {
+    rmSync(iconFolder, { recursive: true, force: true });
+  }
+  mkdirSync(iconFolder);
+
+  const basePath = path.resolve(__dirname, "../icons");
+
+  const ymlList = fastGlob
+    .sync("*.yml", { cwd: basePath })
+    .map((fileN) => path.basename(fileN));
+  const categories = new Map();
+
+  ymlList.forEach((file) => {
+    const ymlData = jsYaml.load(readFileSync(`${basePath}/${file}`), {
+      schema: jsYaml.JSON_SCHEMA,
+    });
+    categories.set(
+      ymlData.category,
+      categories.get(ymlData.category)
+        ? [...categories.get(ymlData.category), ymlData.name]
+        : [ymlData.name]
+    );
+  });
+
+  categories.forEach((value, key) => {
+    mkdirSync(`${iconFolder}/${key}`);
+    value.forEach((icon) =>
+      copyFileSync(
+        `${basePath}/${icon}.svg`,
+        `${iconFolder}/${key}/${icon}.svg`
+      )
+    );
+  });
+}
+
+async function createZipArchive() {
+  const zip = new AdmZip();
+  const outputFile = "aksel-icons.zip";
+
+  await generateFile();
+
+  zip.addLocalFolder("./core-icons");
+  zip.writeZip(outputFile);
+  console.log(`Created ${outputFile} successfully`);
+}
+
+createZipArchive();

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,10 @@
+name: Airplane
+category: Transportation
+sub_category: Vehicles
+keywords:
+  - fly
+  - reise
+  - travel
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,10 @@
+name: AirplaneFill
+category: Transportation
+sub_category: Vehicles
+keywords:
+  - fly
+  - reise
+  - travel
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignBottom
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignBottomFill
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignCenter
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignCenterFill
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignLeft
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignLeftFill
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignMiddle
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignMiddleFill
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignRight
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignRightFill
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignTop
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AlignTopFill
+category: Interface
+sub_category: Design
+keywords:
+  - positioning
+  - arrangement
+  - layout
+  - design
+  - composition
+  - formatting
+  - posisjonering
+  - ordning
+  - layout
+  - design
+  - sammensetning
+  - formatering
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: Allergens
+category: Nature and animals
+sub_category: Nature
+keywords:
+  - health
+  - medical
+  - sensitivity
+  - reaction
+  - symptoms
+  - warning
+  - helse
+  - medisinsk
+  - sensitivitet
+  - reaksjon
+  - symptomer
+  - advarsel
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AllergensFill
+category: Nature and animals
+sub_category: Nature
+keywords:
+  - health
+  - medical
+  - sensitivity
+  - reaction
+  - symptoms
+  - warning
+  - helse
+  - medisinsk
+  - sensitivitet
+  - reaksjon
+  - symptomer
+  - advarsel
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: Angle
+category: Statistics and math
+sub_category: Math
+keywords:
+  - direction
+  - rotation
+  - turn
+  - pivot
+  - slant
+  - inclination
+  - retning
+  - rotasjon
+  - sving
+  - pivot
+  - skråning
+  - helning
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26884 6.99217C9.45176 6.50219 10.7196 6.25 12 6.25C13.2804 6.25 14.5482 6.50219 15.7312 6.99217C16.9141 7.48216 17.9889 8.20034 18.8943 9.10571C19.7997 10.0111 20.5178 11.0859 21.0078 12.2688C21.4978 13.4518 21.75 14.7196 21.75 16C21.75 16.4142 21.4142 16.75 21 16.75L3 16.75C2.58579 16.75 2.25 16.4142 2.25 16C2.25 14.7196 2.50219 13.4518 2.99217 12.2688C3.48216 11.0859 4.20034 10.0111 5.10571 9.10571C6.01108 8.20034 7.08591 7.48216 8.26884 6.99217ZM12 7.75C10.9166 7.75 9.8438 7.96339 8.84286 8.37799C7.84193 8.7926 6.93245 9.40029 6.16637 10.1664C5.40029 10.9325 4.79259 11.8419 4.37799 12.8429C4.05938 13.6121 3.85959 14.4237 3.78416 15.25H5.90918L5.9092 14C5.9092 13.5858 6.245 13.25 6.65921 13.25C7.07342 13.25 7.4092 13.5858 7.4092 14L7.40918 15.25H9.46969L9.46965 14C9.46964 13.5858 9.80542 13.25 10.2196 13.2499C10.6338 13.2499 10.9696 13.5857 10.9697 13.9999L10.9697 15.25H13.0303L13.0302 14C13.0302 13.5858 13.366 13.25 13.7802 13.25C14.1945 13.25 14.5302 13.5858 14.5302 14L14.5303 15.25H16.5908L16.5907 14C16.5907 13.5857 16.9265 13.2499 17.3407 13.2499C17.7549 13.2499 18.0907 13.5857 18.0907 13.9999L18.0908 15.25H20.2158C20.1404 14.4237 19.9406 13.6121 19.622 12.8429C19.2074 11.8419 18.5997 10.9325 17.8336 10.1664C17.0675 9.40029 16.1581 8.79259 15.1571 8.37799C14.1562 7.96339 13.0834 7.75 12 7.75Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AngleRulerCircle
+category: Home
+sub_category: Hosehold items
+keywords:
+  - direction
+  - rotation
+  - turn
+  - pivot
+  - slant
+  - inclination
+  - retning
+  - rotasjon
+  - sving
+  - pivot
+  - skråning
+  - helning
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.25C10.7196 6.25 9.45176 6.50219 8.26884 6.99217C7.08591 7.48216 6.01108 8.20034 5.10571 9.10571C4.20034 10.0111 3.48216 11.0859 2.99217 12.2688C2.50219 13.4518 2.25 14.7196 2.25 16C2.25 16.4142 2.58579 16.75 3 16.75H10.2123H10.2273L17.3314 16.75H17.3315H17.3504H17.3504H21C21.4142 16.75 21.75 16.4142 21.75 16C21.75 14.7196 21.4978 13.4518 21.0078 12.2688C20.5178 11.0859 19.7997 10.0111 18.8943 9.10571C17.9889 8.20034 16.9141 7.48216 15.7312 6.99217C14.5482 6.50219 13.2804 6.25 12 6.25ZM14.2803 15.25C14.4184 15.25 14.5303 15.1381 14.5303 15L14.5303 14C14.5303 13.5858 14.1945 13.25 13.7803 13.25C13.3661 13.25 13.0303 13.5858 13.0303 14L13.0303 15C13.0303 15.1381 13.1422 15.25 13.2803 15.25H14.2803ZM17.8409 15.25C17.979 15.25 18.0909 15.1381 18.0909 15L18.0908 14C18.0908 13.5858 17.755 13.25 17.3408 13.25C16.9266 13.25 16.5908 13.5858 16.5908 14L16.5909 15C16.5909 15.1381 16.7028 15.25 16.8409 15.25H17.8409ZM7.15918 15.25C7.29725 15.25 7.40918 15.1381 7.40918 15L7.4092 14C7.4092 13.5858 7.07342 13.25 6.65921 13.25C6.245 13.25 5.9092 13.5858 5.9092 14L5.90918 15C5.90918 15.1381 6.02111 15.25 6.15918 15.25H7.15918ZM9.46977 15C9.46978 15.1381 9.5817 15.25 9.71977 15.25H10.7198C10.8578 15.25 10.9698 15.1381 10.9698 15L10.9697 14C10.9697 13.5858 10.6339 13.25 10.2197 13.25C9.80551 13.25 9.46973 13.5858 9.46974 14L9.46977 15Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AngleRulerCircleFill
+category: Home
+sub_category: Hosehold items
+keywords:
+  - direction
+  - rotation
+  - turn
+  - pivot
+  - slant
+  - inclination
+  - retning
+  - rotasjon
+  - sving
+  - pivot
+  - skråning
+  - helning
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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.25C3.69665 3.25 3.42318 3.43273 3.30709 3.71299C3.191 3.99324 3.25517 4.31583 3.46967 4.53033L19.4697 20.5303C19.6842 20.7448 20.0068 20.809 20.287 20.6929C20.5673 20.5768 20.75 20.3033 20.75 20V4C20.75 3.58579 20.4142 3.25 20 3.25H4ZM19.25 18.1893L5.81066 4.75H19.25V18.1893ZM14.333 7.58325C14.0297 7.58325 13.7562 7.76598 13.6401 8.04624C13.524 8.3265 13.5882 8.64908 13.8027 8.86358L14.8027 9.86358C15.0172 10.0781 15.3398 10.1422 15.62 10.0262C15.9003 9.91008 16.083 9.6366 16.083 9.33325V8.33325C16.083 7.91904 15.7472 7.58325 15.333 7.58325H14.333Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AngleRulerTriangle
+category: Home
+sub_category: Hosehold items
+keywords:
+  - direction
+  - rotation
+  - turn
+  - pivot
+  - slant
+  - inclination
+  - retning
+  - rotasjon
+  - sving
+  - pivot
+  - skråning
+  - helning
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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.00002 3.25C3.69668 3.25 3.4232 3.43273 3.30711 3.71299C3.19103 3.99324 3.25519 4.31583 3.46969 4.53033L19.4697 20.5303C19.6842 20.7448 20.0068 20.809 20.287 20.6929C20.5673 20.5768 20.75 20.3033 20.75 20V4C20.75 3.58579 20.4142 3.25 20 3.25H4.00002ZM14.333 7.58325C14.0297 7.58325 13.7562 7.76598 13.6401 8.04624C13.524 8.3265 13.5882 8.64908 13.8027 8.86358L14.8027 9.86358C15.0172 10.0781 15.3398 10.1422 15.62 10.0262C15.9003 9.91008 16.083 9.6366 16.083 9.33325V8.33325C16.083 7.91904 15.7472 7.58325 15.333 7.58325H14.333Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,19 @@
+name: AngleRulerTriangleFill
+category: Home
+sub_category: Hosehold items
+keywords:
+  - direction
+  - rotation
+  - turn
+  - pivot
+  - slant
+  - inclination
+  - retning
+  - rotasjon
+  - sving
+  - pivot
+  - skråning
+  - helning
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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="M2.3524 4.62146C2.37798 4.57779 2.40786 4.53693 2.44144 4.49948C2.61912 4.30097 2.88053 4.21856 3.12715 4.26074C3.17191 4.26838 3.21531 4.27999 3.25699 4.29519C3.34161 4.32605 3.4191 4.37171 3.48634 4.42905L10.2523 10.1198L20.6825 5.31871C20.7937 5.2675 20.911 5.24583 21.0256 5.25042C21.4279 5.2639 21.75 5.59435 21.75 6V9.98378C21.7502 9.99422 21.7502 10.0046 21.75 10.0151V19C21.75 19.4142 21.4142 19.75 21 19.75H3C2.58579 19.75 2.25 19.4142 2.25 19V16.0133C2.24986 16.0049 2.24986 15.9965 2.25 15.9881V5.00468V5C2.25 4.95666 2.25368 4.91418 2.26073 4.87285C2.25327 4.91652 2.2497 4.96064 2.25 5.00468M2.3524 4.62146C2.32987 4.65992 2.31067 4.70057 2.29519 4.74301C2.31038 4.70133 2.32944 4.66063 2.3524 4.62146ZM3.75 6.61082V14.6594L7.01977 12.6517C7.28845 12.4867 7.63163 12.5074 7.87856 12.7035L10.2252 14.5666L20.25 9.53718V7.16907L10.4473 11.6813C10.1835 11.8027 9.87322 11.7609 9.65094 11.574L3.75 6.61082ZM3.75 18.25V16.4196L7.35713 14.2048L9.66734 16.039C9.89595 16.2205 10.2091 16.2529 10.47 16.122L20.25 11.2154V18.25H3.75Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,17 @@
+name: AreaChart
+category: Statistics and math
+sub_category: Chart
+keywords:
+  - visualization
+  - data
+  - representation
+  - graph
+  - analytics
+  - visualisering
+  - data
+  - representasjon
+  - graf
+  - analyse
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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="M3.48276 4.42604C3.25957 4.23832 2.94781 4.197 2.68343 4.3201C2.41905 4.44319 2.25 4.70838 2.25 5.00001V15.1971C2.25 15.3687 2.44126 15.471 2.58405 15.3758C2.59182 15.3707 2.59969 15.3656 2.60764 15.3608L7.01985 12.6516C7.28853 12.4866 7.63171 12.5073 7.87864 12.7033L10.1003 14.4673C10.1765 14.5278 10.2809 14.5386 10.3679 14.4949L20.6456 9.33863L21.624 8.77952C21.7019 8.73501 21.75 8.65218 21.75 8.56246V6.00001C21.75 5.59459 21.4283 5.26429 21.0263 5.25046C20.9115 5.24575 20.794 5.26741 20.6825 5.31872L10.3964 10.0535C10.3084 10.0939 10.205 10.08 10.1309 10.0177L3.48276 4.42604ZM21.75 10.866C21.75 10.674 21.5426 10.5537 21.376 10.6489L21.3722 10.6511C21.3604 10.6578 21.3485 10.6642 21.3364 10.6702L10.4701 16.1218C10.2092 16.2527 9.89603 16.2204 9.66742 16.0389L7.4943 14.3135C7.41199 14.2481 7.2976 14.2412 7.20803 14.2962L3.40445 16.6317L2.36133 17.3271C2.29178 17.3735 2.25 17.4515 2.25 17.5351V19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V10.866Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,17 @@
+name: AreaChartFill
+category: Statistics and math
+sub_category: Chart
+keywords:
+  - visualization
+  - data
+  - representation
+  - graph
+  - analytics
+  - visualisering
+  - data
+  - representasjon
+  - graf
+  - analyse
+variant: Fill
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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="M5.25365 7.25C6.74781 5.1318 9.21302 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12C3.75 11.5858 3.41421 11.25 3 11.25C2.58579 11.25 2.25 11.5858 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C8.83941 2.25 6.03099 3.75399 4.25 6.08327V3.5C4.25 3.08579 3.91421 2.75 3.5 2.75C3.08579 2.75 2.75 3.08579 2.75 3.5V8C2.75 8.41421 3.08579 8.75 3.5 8.75H8C8.41421 8.75 8.75 8.41421 8.75 8C8.75 7.58579 8.41421 7.25 8 7.25H5.25365Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,17 @@
+name: ArrowCirclepath
+category: Arrows
+sub_category: Arrow
+keywords:
+  - arrow
+  - pil
+  - circle
+  - sirkel
+  - rund
+  - rundt
+  - refresh
+  - oppfrisk
+  - reload
+  - oppdater
+variant: Stroke
+updated_at: 03.04.2023
+created_at: 07.03.2023

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

@@ -0,0 +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.75 3.5C12.75 3.08579 12.4142 2.75 12 2.75C11.5858 2.75 11.25 3.08579 11.25 3.5V18.1893L6.03033 12.9697C5.73744 12.6768 5.26256 12.6768 4.96967 12.9697C4.67678 13.2626 4.67678 13.7374 4.96967 14.0303L11.4697 20.5303C11.7626 20.8232 12.2374 20.8232 12.5303 20.5303L19.0303 14.0303C19.3232 13.7374 19.3232 13.2626 19.0303 12.9697C18.7374 12.6768 18.2626 12.6768 17.9697 12.9697L12.75 18.1893V3.5Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,15 @@
+name: ArrowDown
+category: Arrows
+sub_category: Arrow
+keywords:
+  - arrow
+  - pil
+  - down
+  - ned
+  - open
+  - åpne
+  - åpnet
+  - opened
+variant: Stroke
+updated_at: 12.04.2023
+created_at: 07.03.2023

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

@@ -0,0 +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="M13.6721 3.82546C13.9304 3.69995 14.2376 3.73288 14.4634 3.91027L21.4634 9.41027C21.6443 9.55246 21.75 9.76986 21.75 10C21.75 10.2302 21.6443 10.4476 21.4634 10.5897L14.4634 16.0897C14.2376 16.2671 13.9304 16.3001 13.6721 16.1746C13.4139 16.049 13.25 15.7871 13.25 15.5V12.7758C12.2638 12.8446 11.3918 13.0477 10.6206 13.341C8.33572 14.2101 6.86142 15.9026 5.94891 17.4184C5.49417 18.1737 5.18606 18.8739 4.99237 19.3834C4.89571 19.6376 4.82808 19.8429 4.78528 19.9821C4.76389 20.0516 4.74874 20.1045 4.7393 20.1386C4.73458 20.1556 4.73129 20.1679 4.72936 20.1752L4.72761 20.1819L4.72748 20.1824C4.63543 20.5496 4.28413 20.7906 3.90836 20.7444C3.53242 20.6981 3.25 20.3788 3.25 20C3.25 18.3457 3.57247 16.0586 4.47449 13.877C5.37732 11.6935 6.88705 9.55691 9.29669 8.31937C10.4295 7.73759 11.7416 7.36533 13.25 7.27271V4.50001C13.25 4.21289 13.4139 3.95097 13.6721 3.82546ZM5.50535 15.4117C6.54306 14.0679 8.02361 12.724 10.0873 11.939C11.2229 11.5071 12.5218 11.25 14 11.25C14.4142 11.25 14.75 11.5858 14.75 12V13.9569L19.7861 10L14.75 6.0431V8.00001C14.75 8.41422 14.4142 8.75001 14 8.75001C12.3944 8.75001 11.0726 9.09357 9.98196 9.65369C7.98604 10.6788 6.67611 12.478 5.86067 14.4502C5.72896 14.7687 5.61084 15.0902 5.50535 15.4117Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,14 @@
+name: ArrowForward
+category: Arrows
+sub_category: Arrowshape
+keywords:
+  - pil
+  - right
+  - høyre
+  - arrow
+  - send
+  - videresend
+  - forward
+variant: Stroke
+updated_at: 08.03.2023
+created_at: 07.03.2023

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

@@ -0,0 +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="M13.6721 3.82546C13.9304 3.69995 14.2376 3.73288 14.4634 3.91027L21.4634 9.41027C21.6443 9.55246 21.75 9.76986 21.75 10C21.75 10.2302 21.6443 10.4476 21.4634 10.5897L14.4634 16.0897C14.2376 16.2671 13.9304 16.3001 13.6721 16.1746C13.4139 16.049 13.25 15.7871 13.25 15.5V12.7758C12.2638 12.8446 11.3918 13.0477 10.6206 13.341C8.33572 14.2101 6.86142 15.9026 5.94891 17.4184C5.49417 18.1737 5.18606 18.8739 4.99237 19.3834C4.89571 19.6376 4.82808 19.8429 4.78528 19.9821C4.76389 20.0516 4.74874 20.1045 4.7393 20.1386C4.73458 20.1556 4.73129 20.1679 4.72936 20.1752L4.72761 20.1819C4.63555 20.5491 4.28413 20.7906 3.90836 20.7444C3.53242 20.6981 3.25 20.3788 3.25 20C3.25 18.3457 3.57247 16.0586 4.47449 13.877C5.37732 11.6935 6.88705 9.55691 9.29669 8.31937C10.4295 7.73759 11.7416 7.36533 13.25 7.27271V4.50001C13.25 4.21289 13.4139 3.95097 13.6721 3.82546Z" fill="#262626"/>
+</svg>