Version Packages (#2933 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Fixed Combobox small sizing (#2801 )
2026-10-13 09:12:03 +00:00 · 2024-05-31 08:43:12 +02:00 · 2024-05-29 11:32:24 +02:00 · 2024-05-29 09:23:13 +02:00 · 2024-05-28 14:32:24 +02:00 · 2024-05-28 14:14:53 +02:00
3492 changed files with 110650 additions and 54013 deletions
@@ -1,6 +1,9 @@
 {
  "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
-  "changelog": ["@changesets/changelog-github", { "repo": "navikt/aksel" }],
+  "changelog": [
+    "@svitejs/changesets-changelog-github-compact",
+    { "repo": "navikt/aksel" }
+  ],
  "commit": false,
  "fixed": [
    [
@@ -17,7 +20,11 @@
  "access": "public",
  "baseBranch": "main",
  "updateInternalDependencies": "patch",
-  "ignore": ["shadow-dom", "aksel.nav.no", "aksel-icons-figma-plugin"],
+  "ignore": [
+    "aksel.nav.no",
+    "aksel-icons-figma-plugin",
+    "eslint-plugin-aksel-local"
+  ],

  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
    "updateInternalDependents": "always"
@@ -0,0 +1,110 @@
+// TODO: Convert to new format: https://eslint.org/docs/latest/use/configure/migration-guide
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    //"plugin:react/jsx-runtime", // Not sure if this will cause problems for projects not using the new JSX transform
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "plugin:storybook/recommended",
+    // TODO: Look into opinionated stylistic plugin
+    // TODO: Replace @typescript-eslint/recommended with @typescript-eslint/recommended-type-checked
+  ],
+  settings: { react: { version: "detect" } },
+  rules: {
+    "import/no-unresolved": "off",
+    "react/jsx-curly-brace-presence": [
+      "error",
+      { propElementValues: "always" },
+    ],
+    "array-callback-return": "error",
+    "object-shorthand": "error",
+    // TODO: Consider adding the rule "id-length"
+    // Temporary:
+    "react/prop-types": "off",
+    "react/display-name": "off",
+    "import/no-named-as-default": "off",
+    // "import/no-cycle": [1],
+    "no-else-return": "error",
+  },
+  reportUnusedDisableDirectives: true,
+  overrides: [
+    {
+      files: ["**/*.ts?(x)"],
+      extends: ["plugin:@typescript-eslint/recommended"],
+      rules: {
+        "@typescript-eslint/no-shadow": ["error", { hoist: "all" }], // TODO: Consider { builtinGlobals: true }
+        "@typescript-eslint/no-explicit-any": "off", // Temporary
+        "@typescript-eslint/array-type": "error",
+      },
+    },
+    {
+      files: ["**/*.test.*", "**/__tests__/*"],
+      plugins: ["vitest"],
+      extends: ["plugin:vitest/recommended", "plugin:testing-library/react"],
+    },
+
+    {
+      files: ["aksel.nav.no/website/**"],
+      env: {
+        browser: true,
+        es2021: true,
+      },
+      extends: ["plugin:@next/next/recommended"],
+      parser: "@typescript-eslint/parser",
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        ecmaVersion: 12,
+        sourceType: "module",
+      },
+      rules: {
+        "react/no-unknown-property": [2, { ignore: ["jsx", "global"] }],
+        "react/react-in-jsx-scope": "off",
+        "@next/next/no-html-link-for-pages": [
+          "error",
+          "aksel.nav.no/website/pages/",
+        ],
+      },
+    },
+    {
+      files: ["aksel.nav.no/website/pages/eksempler/**"],
+      rules: {
+        "jsx-a11y/anchor-is-valid": "off",
+      },
+    },
+    {
+      files: [
+        "aksel.nav.no/website/pages/eksempler/**/*.tsx",
+        "aksel.nav.no/website/pages/templates/**/*.tsx",
+      ],
+      plugins: ["aksel-local"],
+      rules: {
+        "aksel-local/comment-check": ["error"],
+      },
+    },
+  ],
+  globals: {
+    Locale: "readonly",
+    JSX: "readonly",
+  },
+  ignorePatterns: [
+    "node_modules",
+    "lib",
+    "public",
+    "examples",
+    "esm",
+    "cjs",
+    "dist",
+    "**/codemod/**/*.js",
+    "!.storybook",
+  ],
+};
@@ -0,0 +1,22 @@
+name: Eksempel på bruk
+description: Send et eksempel på ting fra Aksel som er brukt i det fri (tokens, komponenter, maler, etc)
+title: "[Eksempel på bruk]: "
+labels: ["dokumentasjon 📖"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Takk for at du bidrar til Aksel!
+  - type: input
+    id: title
+    attributes:
+      label: Lenke til side
+      description: Lenke til siden hvor eksemplet er
+      placeholder:
+    validations:
+      required: true
+  - type: textarea
+    id: examples
+    attributes:
+      label: Forklaring
+      description: Forklar om det er noe man må gjøre for å se eksemplet, eller hvor på siden det ligger
@@ -2,8 +2,6 @@ name: Ny komponent
 description: Send et ønske om en eller flere nye komponenter
 title: "[Ny komponent]: "
 labels: ["nytt ✨", "forespørsel 🥰", "komponenter 🧩"]
-assignees:
-  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -2,8 +2,6 @@ name: Nytt ikon
 description: Send et ønske om et eller flere nye ikoner
 title: "[Nytt ikon]: "
 labels: ["nytt ✨", "ikoner 🖼", "forespørsel 🥰"]
-assignees:
-  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -2,8 +2,6 @@ name: Innspill til komponent
 description: Send inn innspill til komponent
 title: "[Innspill til komponent]: "
 labels: ["forespørsel 🥰", "komponenter 🧩", "nytt ✨", "beta 🧪"]
-assignees:
-  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -2,8 +2,6 @@ name: Innspill til ikon
 description: Send inn innspill til ikon
 title: "[Tilbakemelding på ikon]: "
 labels: ["forespørsel 🥰", "ikoner 🖼️"]
-assignees:
-  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -0,0 +1,45 @@
+### Description
+
+<!-- PR description/motivation
+add links to project-tasks, slack discussions etc here
+-->
+
+### Change summary
+
+<!-- Short summary of changes in PR
+- added variant x
+- fixed bug in y
+-->
+
+### PR Checklist 📝 (Remove fields after check!)
+
+#### New component? ✨
+
+- Check that component-styling is correctly configured in `@navikt/core/css/config/_mappings.js`. This is needed for correct build and CDN upload.
+- Check that styling is correctly exported from `@navikt/core/css/index.css`
+- Check that correct tokens for component is documented in `@navikt/core/css/tokens.json`
+- Check that only needed components and types are exported from `@navikt/core/react/src/index.ts`
+- Check that component is exported from `@navikt/core/react/package.json`
+- Add JSDoc to component (see other components for reference)
+- Create storybook-stories for relevant component variations and compositions. Stories are used for [visual regression testing](https://www.chromatic.com/docs/), so make sure they are complete.
+- Is the component sufficiently complex to warrant tests? Add some unit-tests for vitest.
+
+#### Component-updates 🎉
+
+- Revalidate if everything under `New component` is still accounted for
+- Deprecating/removing a CSS class? Add it to `@navikt/aksel-stylelint/src/deprecations.ts` with a suitable description. This helps stylelint-users keep their code clean and bug-free.
+
+#### Documentation 📝
+
+- Add/update component-demos for component `aksel.nav.no/website/pages/eksempler`
+- Create/Update documentation in sanity if needed
+  Note: Props, tokens and examples only updates to sanity on merge to main
+
+#### Versioning 🏷️
+
+- Run `yarn changeset` to generate a version-entry for change.
+- - Bug/hotfix: Patch
+- - New feature: Minor
+- - Breaking change: Major
+- Adding breaking changes? Consider adding a codemod for easier migration.
+- Breaking changes also needs documentation under "Migration"-page on website
@@ -14,12 +14,18 @@ jobs:
      contents: "read"
      id-token: "write"
    steps:
+      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
-          node-version: "16"
-      - uses: actions/checkout@v3
+          node-version: "20"
+          cache: yarn
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+
      - name: add tokens to .env
        run: |
+          echo "SLACK_BOT_TOKEN=${{ secrets.SLACK_BOT_TOKEN }}" >> aksel.nav.no/website/.env
          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
@@ -29,14 +35,6 @@ jobs:
        run: |
          echo "User-agent: *\nDisallow: /" > aksel.nav.no/website/public/robots.txt

-      - name: Restore cache
-        uses: actions/cache@v3
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-dev-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-dev-
-
      - name: Install dependencies
        run: yarn

@@ -46,11 +44,13 @@ jobs:
          yarn workspace aksel.nav.no build:next

      - name: Upload static files to NAV CDN
-        uses: navikt/frontend/actions/cdn-upload/v1@main
+        uses: nais/deploy/actions/cdn-upload/v2@master
        with:
-          cdn-team-name: aksel
+          team: designsystem
          source: ./aksel.nav.no/website/.next/static
          destination: "/website/_next"
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}

      - name: Get complete tag
        run: echo "TAG=DEV-$( date +%s )" >> $GITHUB_ENV
@@ -14,22 +14,20 @@ jobs:
    name: Update component data
    runs-on: ubuntu-latest
    steps:
+      - uses: actions/checkout@v3
+
      - uses: actions/setup-node@v3
        with:
-          node-version: "16"
-      - uses: actions/checkout@v3
+          node-version: "20"
+          cache: yarn
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> 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

@@ -49,25 +47,24 @@ jobs:
      contents: "read"
      id-token: "write"
    steps:
+      - uses: actions/checkout@v3
+
      - uses: actions/setup-node@v3
        with:
-          node-version: "16"
-      - uses: actions/checkout@v3
+          node-version: "20"
+          cache: yarn
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV
+
      - name: add tokens to .env
        run: |
+          echo "SLACK_BOT_TOKEN=${{ secrets.SLACK_BOT_TOKEN }}" >> aksel.nav.no/website/.env
          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

@@ -75,17 +72,19 @@ jobs:
        run: yarn boot

      - name: Tests
-        run: yarn workspace aksel.nav.no test
+        run: yarn workspace website test

      - name: Build application
        run: yarn workspace aksel.nav.no build:next

      - name: Upload static files to NAV CDN
-        uses: navikt/frontend/actions/cdn-upload/v1@main
+        uses: nais/deploy/actions/cdn-upload/v2@master
        with:
-          cdn-team-name: aksel
+          team: designsystem
          source: ./aksel.nav.no/website/.next/static
          destination: "/website/_next"
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}

      - name: Get complete tag
        run: echo "TAG=PROD-$( date +%s )" >> $GITHUB_ENV
@@ -99,14 +98,6 @@ jobs:
          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
        env:
@@ -21,7 +21,7 @@ jobs:
    steps:
      - uses: actions/setup-node@v3
        with:
-          node-version: "16"
+          node-version: "20"
      - uses: actions/checkout@v3
      - name: Login to GitHub Container Registry
        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns
@@ -11,17 +11,15 @@ jobs:
      - uses: actions/checkout@v3
        with:
          fetch-depth: 0 # Required to retrieve git history
+
      - uses: actions/setup-node@v3
        with:
-          node-version: 14
+          node-version: "20"
+          cache: yarn
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV

-      - name: Restore cache
-        uses: actions/cache@v3
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-build-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-build-
      - name: Install dependencies
        run: cd aksel.nav.no/website && yarn

@@ -10,11 +10,21 @@ on:
    branches: [main, next]
    paths:
      - "@navikt/**"
+      - "aksel.nav.no/website/pages/templates/**"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true

 jobs:
  visual_regression_test:
+    if: ${{ !contains(github.event.pull_request.labels.*.name, 'ignore-chromatic') }}
    name: "visual regression test (chromatic)"
    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+      contents: write
    steps:
      - uses: actions/checkout@v3
        with:
@@ -22,7 +32,7 @@ jobs:

      - uses: actions/setup-node@v3
        with:
-          node-version: 16.13.0
+          node-version: "20"
          cache: yarn

      - name: Restore cache
@@ -48,13 +58,17 @@ jobs:
          token: ${{ secrets.GITHUB_TOKEN }}
          projectToken: x3xqdfgkujg
          exitZeroOnChanges: false
-          buildScriptName: "build:storybook"
+          buildScriptName: "build:storybook-chromatic"
+          onlyChanged: true
+          untraced: "**/package.json|yarn.lock|**/*.md"
+          externals: \@navikt/core/css/**/*.css
+          traceChanged: true
        env:
          STORYBOOK_GITHUB_SHA: ${{ github.sha }}

      - name: replace storybook url
        if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: frabert/replace-string-action@v2.0
+        uses: frabert/replace-string-action@v2
        id: storybook_url
        with:
          pattern: "(iframe.html)"
@@ -70,33 +84,33 @@ jobs:

      - name: Find Comment
        if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: peter-evans/find-comment@v1
+        uses: peter-evans/find-comment@v2
        id: fc
        with:
          issue-number: ${{ github.event.pull_request.number }}
          comment-author: "github-actions[bot]"
-          body-includes: github-comment-finder
+          body-includes: Storybook demo

      - name: Create or update comment
        if: steps.chromatic_tests.outcome == 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
-        uses: peter-evans/create-or-update-comment@v1
+        uses: peter-evans/create-or-update-comment@v3
        with:
          comment-id: ${{ steps.fc.outputs.comment-id }}
          issue-number: ${{ github.event.pull_request.number }}
          body: |
-            ### [<img id="github-comment-finder" src="https://raw.githubusercontent.com/storybookjs/brand/main/logo/logo-storybook-inverse.svg" height="32"/>](${{steps.storybook_url.outputs.replaced}})
+            ## [Storybook demo](${{steps.storybook_url.outputs.replaced}})

            [${{ steps.vars.outputs.sha_short }}](https://github.com/navikt/aksel/commit/${{ steps.vars.outputs.sha_short }}) | ${{steps.chromatic_tests.outputs.componentCount}} komponenter | ${{steps.chromatic_tests.outputs.specCount}} stories
          edit-mode: replace

      - name: Create or update failed comment
        if: steps.chromatic_tests.outcome != 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
-        uses: peter-evans/create-or-update-comment@v1
+        uses: peter-evans/create-or-update-comment@v3
        with:
          comment-id: ${{ steps.fc.outputs.comment-id }}
          issue-number: ${{ github.event.pull_request.number }}
          body: |
-            ### [<img id="github-comment-finder" src="https://raw.githubusercontent.com/storybookjs/brand/main/logo/logo-storybook-inverse.svg" height="32"/>](${{steps.storybook_url.outputs.replaced}})
+            ## [Storybook demo](${{steps.storybook_url.outputs.replaced}})

            ### [Endringer til review](${{steps.chromatic_tests.outputs.url}}): ${{steps.chromatic_tests.outputs.changeCount}}

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

      - uses: actions/setup-node@v3
        with:
-          node-version: 16.13.0
+          node-version: "20"
          cache: yarn
-
-      - name: Restore cache
-        uses: actions/cache@v3
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-test-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-test
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV

      - name: Install dependencies
        run: yarn
@@ -13,12 +13,16 @@ jobs:
  playwright:
    runs-on: ubuntu-latest
    container:
-      image: mcr.microsoft.com/playwright:v1.33.0-focal
+      image: mcr.microsoft.com/playwright:v1.35.1-jammy
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
-          node-version: 16
+          node-version: "20"
+          cache: yarn
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV

      - name: add tokens to .env
        run: |
@@ -26,14 +30,6 @@ jobs:
          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 }}-e2e-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-e2e-
-
      - name: Install dependencies
        run: yarn

@@ -20,11 +20,13 @@ jobs:
      - uses: "actions/checkout@v3"

      - id: upload
-        uses: navikt/frontend/actions/cdn-upload/v1@main
+        uses: nais/deploy/actions/cdn-upload/v2@master
        with:
-          cdn-team-name: aksel
+          team: aksel
          source: ./fonts
          destination: "" # uploads folder to team root
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}

      - run: echo uploaded file ${{ steps.upload.outputs.uploaded }}
        shell: bash
@@ -2,6 +2,9 @@ name: Release

 on:
  push:
+    paths:
+      - ".changeset/**"
+      - "@navikt/**"
    branches:
      - main
  workflow_dispatch:
@@ -25,16 +28,15 @@ jobs:

      - uses: actions/setup-node@v3
        with:
-          node-version: 16.13.0
+          node-version: "20"
          cache: yarn
+      - name: set-env for yarn install to @navikt scope
+        shell: bash
+        run: echo "NPM_AUTH_TOKEN=${{ secrets.READER_TOKEN }}" >> $GITHUB_ENV

-      - name: Restore cache
-        uses: actions/cache@v3
+      - uses: denoland/setup-deno@v1
        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-prod-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-prod
+          deno-version: v1.x

      - name: Install dependencies
        run: yarn
@@ -78,11 +80,13 @@ jobs:

      - name: Upload updated icon.zip to NAV CDN
        if: steps.changesets.outputs.published == 'true'
-        uses: navikt/frontend/actions/cdn-upload/v1@main
+        uses: nais/deploy/actions/cdn-upload/v2@master
        with:
-          cdn-team-name: aksel
+          team: aksel
          source: ./@navikt/aksel-icons/aksel-icons.zip
          destination: "/icons/zip"
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}

      - name: Get @navikt/ds-css version
        run: |
@@ -92,8 +96,10 @@ jobs:

      - name: Upload CSS to NAV CDN
        if: steps.changesets.outputs.published == 'true'
-        uses: navikt/frontend/actions/cdn-upload/v1@main
+        uses: nais/deploy/actions/cdn-upload/v2@master
        with:
-          cdn-team-name: aksel
+          team: aksel
          source: ./@navikt/core/css/dist/version/${{env.version}}
          destination: "@navikt/ds-css"
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
@@ -1,48 +0,0 @@
-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.33.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
@@ -0,0 +1,42 @@
+name: Redeploy Naisjob (update-article-views)
+on:
+  workflow_dispatch:
+jobs:
+  execute:
+    runs-on: ubuntu-latest
+    permissions:
+      packages: "write"
+      contents: "read"
+      id-token: "write"
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+      - uses: denoland/setup-deno@v1
+        with:
+          deno-version: v1.x
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-build-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-build-
+      - name: add tokens to .env
+        run: |
+          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_UTILITY_WRITE }}" >> scripts/article-views/.env
+      - uses: nais/docker-build-push@v0
+        id: docker-push
+        with:
+          team: designsystem
+          push_image: true
+          dockerfile: scripts/article-views/Dockerfile.update-article-views
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+      - name: start naisjob prod-gcp
+        uses: nais/deploy/actions/deploy@master
+        env:
+          APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
+          RESOURCE: scripts/article-views/nais-update-views-job.yml
+          CLUSTER: prod-gcp
+          IMAGE: ${{ steps.docker-push.outputs.image }}
@@ -150,4 +150,6 @@ playwright-report/
 /test-results/
 backup-*.tar.gz
 sitemap-urls.json
-*.tar.gz
+*.tar.gz
+searchindex.json
+aksel.nav.no/website/public/rss
@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname $0)/_/husky.sh"

-yarn pretty-quick --staged && yarn lint-staged
+yarn lint-staged
@@ -1,2 +1,13 @@
-**/nais-dev.yaml
-**/nais-prod.yaml
+**/nais*.yaml
+**/nais*.yml
+**/codemod/**/tests/**/*.js
+node_modules
+.next
+dist
+public
+static
+cjs
+esm
+aksel-icons/template
+aksel-icons/icons/*.svg
+
@@ -0,0 +1,175 @@
+import { Meta } from "@storybook/blocks";
+
+import AkselThumbnail from "./assets/aksel-thumbnail.png";
+import Components from "./assets/components.png";
+import Setup from "./assets/setup.png";
+
+<Meta title="Getting started" />
+
+<div className="sb-container">
+  <div className='sb-section-title'>
+
+    # Getting started
+
+    Aksel is the toolbox for product development <a href="https://aksel.nav.no"target="_blank">@NAV</a> (Norwegian Labour and Welfare Administration)
+
+    This includes a designsystem, best practices for product-development, principles for user-experience and a blog. <a href="https://aksel.nav.no/god-praksis/artikler/om-aksel" target="_blank">
+    Read more about Aksel.</a>
+
+  </div>
+  <div className="sb-section">
+    <div className="sb-section-item">
+      <img
+        src={AkselThumbnail}
+        alt="Aksel-thumbnail"
+        aria-hidden
+      />
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no"
+        target="_blank"
+        className="sb-link"
+      >Website</a></h3>
+      <p className="sb-section-item-paragraph">Includes everything you need to get started building and developing digital products for NAV today.</p>
+
+    </div>
+    <div className="sb-section-item">
+      <img
+        src={Setup}
+        alt="Setup-thumbnail"
+        aria-hidden
+      />
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/introduksjon/kom-i-gang-med-kodepakkene"
+        target="_blank"
+        className="sb-link"
+      >Setup</a></h3>
+      <p className="sb-section-item-paragraph">Get started developing using our solutions. How to install, setup and use our React, CSS and Icons.</p>
+
+    </div>
+    <div className="sb-section-item">
+      <img
+        src={Components}
+        alt="Components-thumbnail"
+        aria-hidden
+      />
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/komponenter"
+        target="_blank"
+        className="sb-link"
+      >Components</a></h3>
+      <p className="sb-section-item-paragraph">Browse trough 40+ components with examples, do and don't, props and accessibility information.</p>
+
+    </div>
+
+  </div>
+</div>
+<div className="sb-container">
+  <div className='sb-section-title'>
+    ## More than just a component library
+
+    Aksel offers tools that makes developing frontend-applications easier.
+
+  </div>
+
+  <div className="sb-section">
+    <div className="sb-section-item">
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/ikoner"
+        target="_blank"
+        className="sb-link"
+      >Icons</a></h3>
+      <p className="sb-section-item-paragraph">We provide an icon library with 800+ open-source icons.</p>
+
+    </div>
+    <div className="sb-section-item">
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/styling/design-tokens"
+        target="_blank"
+        className="sb-link"
+      >Tokens</a></h3>
+      <p className="sb-section-item-paragraph">Colors, spacing, shadows and more. All available for CSS, SASS, Less and JS.</p>
+
+    </div>
+    <div className="sb-section-item">
+
+
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/kode/stylelint"
+        target="_blank"
+        className="sb-link"
+      >Stylelint</a></h3>
+      <p className="sb-section-item-paragraph">Using our Stylelint-plugin helps keep your code free from bugs and makes adopting updates safer.</p>
+
+    </div>
+    <div className="sb-section-item">
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/kode/tailwind"
+        target="_blank"
+        className="sb-link"
+      >Tailwind</a></h3>
+      <p className="sb-section-item-paragraph">Our tokens made available as a simple tailwind-config.</p>
+    </div>
+    <div className="sb-section-item">
+      <h3 className="sb-section-item-heading"><a
+        href="https://aksel.nav.no/grunnleggende/kode/kommandolinje"
+        target="_blank"
+        className="sb-link"
+      >CLI</a></h3>
+      <p className="sb-section-item-paragraph">CLI for codemods and advanced CSS-imports</p>
+    </div>
+
+  </div>
+</div>
+
+<style>
+  {`
+  .sb-container {
+    margin-bottom: 48px;
+  }
+
+  .sb-section {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: var(--a-spacing-6);
+  }
+
+  .sb-link{
+    text-decoration: underline;
+    color: var(--a-text-default);
+  }
+
+  img {
+    object-fit: cover;
+    padding-bottom: var(--a-spacing-5);
+    border-radius: 8px;
+  }
+
+  .sb-section-title {
+    margin-bottom: var(--a-spacing-8);
+  }
+
+
+
+  .sb-section-item-heading {
+    padding-bottom: var(--a-spacing-1);
+    margin: 0 !important;
+  }
+
+  .sb-section-item-paragraph {
+    margin: 0;
+    padding-bottom: var(--a-spacing-3);
+  }
+
+  @media screen and (max-width: 768px) {
+    .sb-section {
+      grid-template-columns: repeat(1, 1fr);
+    }
+  }
+  `}
+</style>
@@ -1,33 +0,0 @@
-import { loadCsf } from "@storybook/csf-tools";
-import { readFileSync } from "fs";
-
-module.exports = (indexers) => {
-  const csfIndexer = async (fileName: string, opts) => {
-    const code = readFileSync(fileName, "utf-8").toString();
-    return loadCsf(code, { ...opts, fileName }).parse();
-  };
-
-  const exampleIndexer = async (fileName: string, opts) => {
-    let code = readFileSync(fileName, "utf-8").toString();
-
-    code = code.replace("export const args =", "const args =");
-
-    code += `\nexport default { title: "Eksempler/${fileName
-      .split("pages/eksempler/")[1]
-      .replace(".tsx", "")}"  };\n`;
-
-    return loadCsf(code, { ...opts, fileName }).parse();
-  };
-
-  return [
-    ...(indexers || []),
-    {
-      test: /(stories|story)\.[tj]sx?$/,
-      indexer: csfIndexer,
-    },
-    {
-      test: /pages\/eksempler\/|(".+")|(.+.tsx)$/,
-      indexer: exampleIndexer,
-    },
-  ];
-};
@@ -1,30 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs";
-
-<Meta title="Intro" />
-
-# Aksel, NAVs designsystem
-
-[Dokumentasjon](https://aksel.nav.no/komponenter)
-
-```bash
-yarn add @navikt/ds-react @navikt/ds-css
-```
-
-## Ikoner
-
-[Dokumentasjon](https://aksel.nav.no/ikoner)
-
-```bash
-yarn add @navikt/aksel-icons
-```
-
-## Bruk
-
-```jsx
-import { Heading } from "@navikt/ds-react";
-import "@navikt/ds-css";
-
-<Heading level="1" size="xlarge">
-  Sidetitel
-</Heading>;
-```
@@ -13,19 +13,9 @@

 .colgap[data-theme="dark"],
 .rowgap[data-theme="dark"] {
-  background-color: #262626;
+  background-color: var(--a-gray-900);
 }

 .rowgap-wrap {
  flex-wrap: wrap;
 }
-
-.css-warning {
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-  border-radius: 6px;
-  padding: 1.5rem;
-  background-color: var(--a-surface-warning-subtle);
-  border: 1px solid var(--a-border-warning);
-}
@@ -1,89 +0,0 @@
-const storyIndexers = require("./indexer");
-
-const path = require("path");
-const { mergeConfig } = require("vite");
-
-module.exports = {
-  storyIndexers,
-  devServer: {
-    stats: "errors-only",
-  },
-  staticDirs: ["./public"],
-
-  stories: () => [
-    "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
-    "./*.stories.mdx",
-    ...(process.env.STORYBOOK_STORIES === "all"
-      ? [
-          "../aksel.nav.no/website/components/**/*.stories.tsx",
-          "../aksel.nav.no/website/pages/eksempler/**/*.tsx",
-        ]
-      : []),
-  ],
-  addons: [
-    "@storybook/addon-a11y",
-    "@whitespace/storybook-addon-html",
-    "@storybook/addon-interactions",
-    {
-      name: "@storybook/addon-storysource",
-      options: {
-        loaderOptions: {
-          injectStoryParameters: false,
-        },
-      },
-    },
-    {
-      name: "@storybook/addon-essentials",
-      options: {
-        actions: false,
-        controls: {
-          hideNoControlsWarning: true,
-        },
-      },
-    },
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  features: {
-    storyStoreV7: true,
-  },
-  docs: {
-    autodocs: "tag",
-  },
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: false,
-  },
-  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"
-            ),
-          },
-        ],
-      },
-    });
-  },
-};
@@ -0,0 +1,104 @@
+import { loadCsf } from "@storybook/csf-tools";
+import { StorybookConfig } from "@storybook/react-vite";
+import { readFileSync } from "fs";
+import turbosnap from "vite-plugin-turbosnap";
+import TsconfigPathsPlugin from "vite-tsconfig-paths";
+
+const indexRegex = /export const args = {\s+index: (\d+),/;
+
+export default {
+  experimental_indexers: (indexers) => {
+    // Changes here might need to be reflected in aksel.nav.no/website/.storybook/main.ts
+    const customIndexer = async (fileName: string, opts) => {
+      let code = readFileSync(fileName, "utf-8").toString();
+
+      const matches = indexRegex.exec(code);
+      const prefix = matches ? `${matches[1]} | ` : "";
+
+      code = code.split(
+        /\/\/ EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE/,
+      )[0];
+
+      const [templateName, name] = fileName
+        .split(`pages/templates/`)[1]
+        .replace(".tsx", "")
+        .split("/");
+      const storyName = process.env.CHROMATIC
+        ? `${templateName} | ${prefix}${name}` // Chromatic does not support folders
+        : `${prefix}${name}`;
+
+      code += `
+        export default { title: "Templates/${templateName}/${storyName}" };
+        export const Demo = { render: Example };
+        Demo.storyName = "${storyName}";`;
+
+      return loadCsf(code, { ...opts, fileName }).parse().indexInputs;
+    };
+
+    return [
+      ...(indexers || []),
+      {
+        test: /pages\/templates\/.+?.tsx$/,
+        createIndex: customIndexer,
+      },
+    ];
+  },
+  staticDirs: ["./public"],
+  stories: () => [
+    "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
+    "./*.mdx",
+    "../aksel.nav.no/website/pages/templates/**/*.tsx",
+  ],
+  addons: [
+    "@storybook/addon-a11y",
+    "@whitespace/storybook-addon-html",
+    "@storybook/addon-interactions",
+    {
+      name: "@storybook/addon-storysource",
+      options: {
+        loaderOptions: {
+          injectStoryParameters: false,
+        },
+      },
+    },
+    {
+      name: "@storybook/addon-essentials",
+      options: {
+        actions: false,
+        controls: {
+          hideNoControlsWarning: true,
+        },
+      },
+    },
+    "storybook-addon-pseudo-states",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  typescript: {
+    check: false,
+    reactDocgen: false,
+  },
+
+  async viteFinal(config, { configType }) {
+    const { mergeConfig } = await import("vite");
+
+    // The TsconfigPathsPlugin is only used to silence errors when importing nextjs components, but the imports does not acutally work.
+
+    return mergeConfig(config, {
+      plugins:
+        configType === "PRODUCTION"
+          ? [
+              TsconfigPathsPlugin(),
+              turbosnap({
+                rootDir: config.root ?? process.cwd(),
+              }),
+            ]
+          : [TsconfigPathsPlugin()],
+    });
+  },
+} satisfies StorybookConfig;
@@ -1,4 +1,4 @@
-import { addons } from "@storybook/addons";
+import { addons } from "@storybook/manager-api";
 import AkselTheme from "./theme.js";

 addons.setConfig({
@@ -1,3 +0,0 @@
-<script>
-  window.global = window;
-</script>
@@ -1,12 +1,18 @@
+import React from "react";
 import "@navikt/ds-css/index.css";
 import "./layout.css";

 export const parameters = {
  options: {
    storySort: {
-      method: "",
-      order: ["Intro", "ds-react", ["form"], ["Default"], "ds-icons"],
-      locales: "",
+      method: "alphabetical",
+      order: [
+        "Getting started",
+        "ds-react",
+        ["Primitives"],
+        ["Default", "Controls"],
+        "Aksel-icons",
+      ],
    },
  },
  layout: "centered",
@@ -18,7 +24,7 @@ export const parameters = {
      },
      {
        name: "Darkmode",
-        value: "#262626",
+        value: "#23262a",
      },
    ],
  },
@@ -27,7 +33,6 @@ export const parameters = {
 export const globalTypes = {
  theme: {
    name: "Theme",
-    description: "Global theme for components",
    toolbar: {
      icon: "circlehollow",
      items: [
@@ -40,20 +45,12 @@ export const globalTypes = {
 };

 export const withTheme = (StoryFn, context) => {
-  const foundCss =
-    context.parameters.fileName.startsWith("./@navikt") &&
-    document.querySelector('[data-vite-dev-id$="dist/tw.css"]');
  return (
    <div
      data-theme={context.parameters.theme || context.globals.theme || "light"}
      lang="no"
      id="root"
    >
-      {foundCss && (
-        <div className="css-warning">
-          OBS! Ser ut som CSS fra aksel.nav.no er lastet. Refresh siden!
-        </div>
-      )}
      <StoryFn />
    </div>
  );
@@ -4,19 +4,5 @@ import logoUrl from "./public/logo.svg";
 export default create({
  brandImage: logoUrl,
  base: "light",
-  // Typography
-  fontBase: '"Source Sans Pro", sans-serif',
-  fontCode: "monospace",
-
-  // Text colors
-  textColor: "#262626",
-  textInverseColor: "rgba(255,255,255,0.9)",
-
-  colorSecondary: "rgba(0, 36, 58, 1)",
-  colorPrimary: "rgba(153, 196, 221, 1)",
-
-  barTextColor: "rgba(0, 91, 130, 1)",
-  barSelectedColor: "rgba(0, 36, 58, 1)",
-
  brandTitle: "Aksel",
 });
@@ -0,0 +1,13 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "denoland.vscode-deno",
+    "esbenp.prettier-vscode",
+    "github.vscode-github-actions",
+    "ms-playwright.playwright",
+    "sanity-io.vscode-sanity",
+    "stylelint.vscode-stylelint",
+    "vunguyentuan.vscode-css-variables",
+    "bradlc.vscode-tailwindcss"
+  ]
+}
@@ -0,0 +1,15 @@
+{
+  "cssVariables.lookupFiles": ["@navikt/core/css/dist/index.css"],
+  "eslint.problems.shortenToSingleLine": true,
+  "deno.enablePaths": ["scripts/article-views", "scripts/changelog"],
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "deno.lint": true,
+  "files.watcherExclude": {
+    "**/.yarn/**": true,
+    "**/dist": true,
+    "**/esm": true,
+    "**/cjs": true
+  },
+  "playwright.reuseBrowser": true,
+  "typescript.tsdk": "node_modules/typescript/lib"
+}
@@ -2,6 +2,12 @@ enableImmutableInstalls: false

 nodeLinker: node-modules

+npmScopes:
+  navikt:
+    npmAlwaysAuth: true
+    npmAuthToken: "${NPM_AUTH_TOKEN:-}"
+    npmRegistryServer: "https://npm.pkg.github.com"
+
 plugins:
  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
    spec: "@yarnpkg/plugin-workspace-tools"
@@ -10,7 +10,7 @@ module.exports = {
    role: "img",
  },
  replaceAttrValues: {
-    "#262626": "currentColor",
+    "#23262A": "currentColor",
  },
  template,
 };
@@ -1,214 +1,353 @@
 # @navikt/aksel-icons

-## 4.1.2
+## 6.9.0

-## 4.1.1
+### Minor Changes

-## 4.1.0
+- Icons: New icons for geometric shapes ([#2927](https://github.com/navikt/aksel/pull/2927))

-## 4.0.0
+## 6.8.0

-## 3.4.2
+## 6.7.1

-## 3.4.1
+## 6.7.0

-## 3.4.0
+## 6.6.1

-## 3.3.1
+## 6.6.0

-## 3.3.0
+## 6.5.0

-## 3.2.4
+## 6.4.1
+
+## 6.4.0
+
+## 6.3.6
+
+## 6.3.5
+
+## 6.3.4
+
+## 6.3.3
+
+## 6.3.2
+
+## 6.3.1
+
+## 6.3.0
+
+## 6.2.0
+
+### Minor Changes
+
+- Ikoner: Nytt ikon `archive` ([#2772](https://github.com/navikt/aksel/pull/2772))
+
+- Ikoner: Nytt ikon `opensource` ([#2787](https://github.com/navikt/aksel/pull/2787))
+
+## 6.1.1
+
+## 6.1.0
+
+## 6.0.0
+
+### Major Changes
+
+- ESM: ds-react og aksel-icons støtter nå native ESM 🎉 ([#2623](https://github.com/navikt/aksel/pull/2623))
+
+### Minor Changes
+
+- SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
+
+## 5.18.3
+
+## 5.18.2
+
+## 5.18.1
+
+## 5.18.0
+
+## 5.17.5
+
+## 5.17.4
+
+## 5.17.3
+
+## 5.17.2
+
+## 5.17.1
+
+## 5.17.0
+
+## 5.16.0
+
+### Patch Changes
+
+- Ikoner: Nytt ikon `LocationPin` ✨ ([#2672](https://github.com/navikt/aksel/pull/2672))
+
+## 5.15.1
+
+## 5.15.0
+
+### Minor Changes
+
+- Ikoner: Synket ikoner med Figma. Lagt til nytt ikon `FigureChild` ([#2629](https://github.com/navikt/aksel/pull/2629))
+
+## 5.14.0
+
+## 5.13.0
+
+## 5.12.5
+
+## 5.12.4
+
+## 5.12.3
+
+## 5.12.2
+
+## 5.12.1
+
+## 5.12.0
+
+### Minor Changes
+
+- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke ([#2538](https://github.com/navikt/aksel/pull/2538))
+
+## 5.11.5
+
+## 5.11.4
+
+## 5.11.3
+
+## 5.11.2
+
+## 5.11.1
+
+## 5.11.0
+
+### Minor Changes
+
+- Ikoner: Nytt ikon `PushPin` ([#2503](https://github.com/navikt/aksel/pull/2503))
+
+## 5.10.4
+
+## 5.10.3
+
+## 5.10.2
+
+## 5.10.1
+
+## 5.10.0
+
+## 5.9.2
+
+## 5.9.1
+
+## 5.9.0
+
+## 5.8.0
+
+## 5.7.6
+
+## 5.7.5
+
+## 5.7.4
+
+## 5.7.3
+
+## 5.7.2
+
+## 5.7.1
+
+## 5.7.0
+
+### Minor Changes
+
+- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365))
+
+## 5.6.5
+
+## 5.6.4
+
+## 5.6.3
+
+## 5.6.2
+
+## 5.6.1
+
+## 5.6.0
+
+### Minor Changes
+
+- Ikoner: SVG export setter nå `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300))
+
+- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313))
+
+### Patch Changes
+
+- Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307))
+
+## 5.5.0
+
+## 5.4.1
+
+## 5.4.0
+
+## 5.3.5
+
+## 5.3.4
+
+### Patch Changes
+
+- :bug: SVG import map er nå riktig path ([#2250](https://github.com/navikt/aksel/pull/2250))
+
+## 5.3.3
+
+## 5.3.2
+
+## 5.3.1
+
+## 5.3.0
+
+## 5.2.1
+
+## 5.2.0
+
+### Minor Changes
+
+- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197))
+
+## 5.1.0
+
+## 5.0.3
+
+## 5.0.2
+
+## 5.0.1
+
+## 5.0.0
+
+## 4.12.1
+
+## 4.12.0
+
+## 4.11.2
+
+## 4.11.1
+
+## 4.11.0
+
+## 4.10.2
+
+## 4.10.1
+
+## 4.10.0
+
+## 4.9.1
+
+## 4.9.0
+
+## 4.8.0
+
+## 4.7.4
+
+## 4.7.3
+
+## 4.7.2
+
+## 4.7.1
+
+## 4.7.0
+
+## 4.6.1
+
+## 4.6.0
+
+## 4.5.0
+
+## 4.4.2
+
+## 4.4.1
+
+## 4.1.5
+
+### Patch Changes
+
+- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054))

 ## 3.2.3

 ### Patch Changes

- [#1998](https://github.com/navikt/aksel/pull/1998) [`53c98181c`](https://github.com/navikt/aksel/commit/53c98181c327ead3406bec3487c10232af7d463a) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Nye ikoner!
-
-  - :sparkles: FileParagraph
-  - :sparkles: FilePlus
-
-## 3.2.2
-
-## 3.2.1
-
-## 3.2.0
-
-## 3.1.3
-
-## 3.1.2
-
-## 3.1.1
-
-## 3.1.0
-
-## 3.0.1
-
-## 3.0.0
+- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))

 ## 2.9.8

 ### Patch Changes

- [#1959](https://github.com/navikt/aksel/pull/1959) [`8790c5997`](https://github.com/navikt/aksel/commit/8790c5997e0d647419bdb5080c86781d08c196b8) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Statusikoner er nå tydeligere og mer konsistente.
+- Oppdatert Statusikoner til å være tydeligere og mer konsistente. ([PR](https://github.com/navikt/aksel/pull/1959))

 ## 2.9.7

 ### Patch Changes

- :bug: CheckmarkIcon
+- Fikset `CheckmarkIcon`-bug

 ## 2.9.6

 ### Patch Changes

- [#1956](https://github.com/navikt/aksel/pull/1956) [`8c8559009`](https://github.com/navikt/aksel/commit/8c8559009982911bc4402913656ba4cc6a223dd1) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Fikset CheckmarkCircleIcon
-
-## 2.9.5
-
-## 2.9.4
+- Fikset `CheckmarkCircleIcon`-bug ([PR](https://github.com/navikt/aksel/pull/1956))

 ## 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
+- Nye ikoner `BulletList` og `NumberList` ([PR](https://github.com/navikt/aksel/pull/1950))

 ## 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
+- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928))

 ## 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
+- Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921))

 ## 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
+- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909))

 ## 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
+- Nye ikoner `VideoSlash` og `VideoSlashFill`

 ## 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
+- Fikset Sourcemap-bug

 ## 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
+- Nye ikoner `CaretUpDownFilledDown`, `CaretUpDownFilledUp`, `CloudDown`, `CloudDownFill`, `CloudUp`, `CloudUpFill`, `HddDown`, `HddDownFill`, `HddUp`, `HddUpFill`, `Inbox`, `InboxDown`, `InboxDownFill`, `InboxFill`, `InboxUp`, `InboxUpFill`, `ShoppingBasket`, `ShoppingBasketFill`

 ## 2.7.4

 ### Patch Changes

- [#1852](https://github.com/navikt/aksel/pull/1852) [`a4fd1dd22`](https://github.com/navikt/aksel/commit/a4fd1dd227b9b56b747f962aa0c2b2dc9b4e30a4) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikonpakke med nye ikoner :rocket:
-
-  - :tada: CaretDownFill
-  - :tada: CaretLeft
-  - :tada: CaretLeftFill
-  - :tada: CaretLeftRight
-  - :tada: CaretLeftRightFill
-  - :tada: CaretRight
-  - :tada: CaretRightFill
-  - :tada: CaretUpDownFill
-  - :tada: CaretUpFill
-  - :tada: Escalator
-  - :tada: Moon
-  - :tada: MoonFill
-  - :fire: EscalatorStroke
-
-## 2.7.3
-
-## 2.7.2
-
-## 2.7.1
-
-### Patch Changes
-
- [`7d9517cf9`](https://github.com/navikt/aksel/commit/7d9517cf90331b57441a0787a04eef66efd1b9b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Public-access for ny ikonpakke i GPR
+- Nye ikoner, `CaretDownFill`, `CaretLeft`, `CaretLeftFill`, `CaretLeftRight`, `CaretLeftRightFill`, `CaretRight`, `CaretRightFill`, `CaretUpDownFill`, `CaretUpFill`, `Escalator`, `Moon`, `MoonFill`. Fjernet `EscalatorStroke` ([PR](https://github.com/navikt/aksel/pull/1852))

 ## 2.7.0

 ### Minor Changes

- [#1847](https://github.com/navikt/aksel/pull/1847) [`de291a972`](https://github.com/navikt/aksel/commit/de291a9722c262d40fecaec7be55b71f86e60160) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Ny ikonpakke med for core icons 3! `@navikt/aksel-icons`
+- Ny ikonpakke med for core icons 3! `@navikt/aksel-icons` ([PR](https://github.com/navikt/aksel/pull/1847))
@@ -16,7 +16,7 @@ Hvis du selv ønsker å legge til nye ikoner kan du kopiere filenes fra `/templa

 - Sizing, width og height må være 24x24: `width="24" height="24" `
 - Viewbox: `viewBox="0 0 24 24"`
- Fill på path: `fill="#262626"`
+- Fill på path: `fill="#23262A"`

 ### Yml

@@ -47,7 +47,7 @@ Hvis du ønsker å teste om alt stemmer, både i `svg` og `yml` før du lager en
 ### Generelt

 - Designet følger Keyline-malen (under assets i figma-pakken).
- Alle lag og grupper skal bruke `#262626` for stroke og fill.
+- Alle lag og grupper skal bruke `#23262A` for stroke og fill.

 ### Stroke (linje)

@@ -63,4 +63,4 @@ declare module "*.svg" {

 ## License

-[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)
+[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)
@@ -1,7 +1,8 @@
-const fastglob = require("fast-glob");
-const path = require("path");
-const jsYaml = require("js-yaml");
-const fs = require("fs");
+import fastglob from "fast-glob";
+import fs from "fs";
+import jsYaml from "js-yaml";
+import path from "path";
+import { describe, expect, test } from "vitest";

 const basePath = path.resolve(__dirname, "../icons");

@@ -11,7 +12,7 @@ const ymlList = fastglob

 describe(`Each icons YML-config is valid`, () => {
  ymlList.forEach((file) => {
-    it(`${file} has valid YML-config`, () => {
+    test(`${file} has valid YML-config`, () => {
      const ymlData = jsYaml.load(fs.readFileSync(`${basePath}/${file}`), {
        schema: jsYaml.JSON_SCHEMA,
      });
@@ -30,5 +31,7 @@ describe(`Each icons YML-config is valid`, () => {
 });

 function isDate(dateStr) {
-  return !isNaN(new Date(dateStr.split(".").reverse().join(".")).getDate());
+  return !Number.isNaN(
+    new Date(dateStr.split(".").reverse().join(".")).getDate(),
+  );
 }
@@ -1,5 +1,6 @@
-const fastglob = require("fast-glob");
-const path = require("path");
+import fastglob from "fast-glob";
+import path from "path";
+import { describe, expect, test } from "vitest";

 const basePath = path.resolve(__dirname, "../icons");

@@ -12,21 +13,21 @@ const ymlList = fastglob
  .map((fileN) => path.basename(fileN));

 describe(`Each SVG-file has a matching YML file`, () => {
-  it(`must have a corresponding YML file`, () => {
+  test(`must have a corresponding YML file`, () => {
    expect(
      ymlList
        .map((yml) => yml.replace(".yml", ".svg"))
-        .filter((file) => !svgList.includes(file))
+        .filter((file) => !svgList.includes(file)),
    ).toStrictEqual([]);
  });
 });

 describe(`Each YML-file has a matching SVG file`, () => {
-  it(`must have a corresponding SVG file`, () => {
+  test(`must have a corresponding SVG file`, () => {
    expect(
      svgList
        .map((svg) => svg.replace(".svg", ".yml"))
-        .filter((file) => !ymlList.includes(file))
+        .filter((file) => !ymlList.includes(file)),
    ).toStrictEqual([]);
  });
 });
@@ -0,0 +1,35 @@
+import { describe, expect, test } from "vitest";
+import { parseIcon } from "../config/parse-svg";
+
+describe(`SVG should be correctly parsed`, () => {
+  const simpleSvg = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+  </svg>
+  `;
+
+  const simpleSvgResult = `<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+  </svg>
+  `;
+
+  const advancedSvg = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+  </svg>
+  `;
+
+  const advancedSvgResult = `<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+  </svg>
+  `;
+
+  test("a", () => {
+    expect(parseIcon(simpleSvg)).toEqual(simpleSvgResult);
+    expect(parseIcon(advancedSvg)).toEqual(advancedSvgResult);
+  });
+});
@@ -1,9 +1,10 @@
-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";
+import { basename } from "path";
+import parse from "rehype-parse";
+import { unified } from "unified";
+import { describe, expect, test } from "vitest";

 const basePath = "./icons";

@@ -18,48 +19,53 @@ describe(`Each icons has a valid code`, () => {
        .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();
+      test(`has valid attributes on root-node`, () => {
+        const root = select(":root", iconAst);
+        const properties =
+          root && root.properties ? Object.keys(root.properties).sort() : [];

        expect(properties).toStrictEqual(
-          ["viewBox", "xmlns", "height", "width", "fill"].sort()
+          ["viewBox", "xmlns", "height", "width", "fill"].sort(),
        );
      });

-      it(`has valid xml-attr`, () => {
-        const xmlns = select(":root", iconAst).properties.xmlns;
+      test(`has valid xml-attr`, () => {
+        const root = select(":root", iconAst);
+        const xmlns = root && root.properties ? root.properties.xmlns : null;
        expect(xmlns).toBe("http://www.w3.org/2000/svg");
      });

-      it(`has valid viewbox`, () => {
-        const viewbox = select(":root", iconAst).properties.viewBox;
+      test(`has valid viewbox`, () => {
+        const root = select(":root", iconAst);
+        const viewbox =
+          root && root.properties ? root.properties.viewBox : null;
        expect(viewbox).toBe("0 0 24 24");
      });

-      it(`root fill is none`, () => {
-        const fill = select(":root", iconAst).properties.fill;
+      test(`root fill is none`, () => {
+        const root = select(":root", iconAst);
+        const fill = root && root.properties ? root.properties.fill : null;
        expect(fill).toBe("none");
      });

-      it(`has valid width and height`, () => {
-        const width = select(":root", iconAst).properties.width;
-        const height = select(":root", iconAst).properties.height;
+      test(`has valid width and height`, () => {
+        const root = select(":root", iconAst);
+        const width = root && root.properties ? root.properties.width : null;
+        const height = root && root.properties ? root.properties.height : null;
        expect(width).toBe("24");
        expect(height).toBe("24");
      });

-      it(`has valid stroke`, () => {
+      test(`has valid stroke`, () => {
        const nodes = selectAll("*", iconAst);

        nodes.forEach((n) => {
          n.properties?.stroke &&
-            expect(n.properties.stroke).toEqual("#262626");
+            expect(n.properties.stroke).toEqual("#23262A");
        });
      });

-      it(`has valid stroke-width`, () => {
+      test(`has valid stroke-width`, () => {
        const nodes = selectAll("*", iconAst);
        nodes.forEach((n) => {
          n.properties?.strokeWidth &&
@@ -8,7 +8,7 @@ export const fetchIcons = async () => {
        "Content-type": "application/json",
        "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
      },
-    }
+    },
  )
    .then((x) => x.json())
    .catch((e) => {
@@ -22,20 +22,31 @@ export const fetchIcons = async () => {
  return data?.meta?.components;
 };

-export const fetchDownloadUrls = async (ids) => {
-  return await fetch(
-    `https://api.figma.com/v1/images/${file_key}/?ids=${ids}&format=svg`,
-    {
-      headers: {
-        "Content-type": "application/json",
-        "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
+export const fetchDownloadUrls = async (idArray) => {
+  const urls = { images: null };
+
+  for (let ids of idArray) {
+    await fetch(
+      `https://api.figma.com/v1/images/${file_key}/?ids=${ids}&format=svg`,
+      {
+        headers: {
+          "Content-type": "application/json",
+          "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
+        },
      },
-    }
-  )
-    .then((x) => x.json())
-    .catch((e) => {
-      throw e.message;
-    });
+    )
+      .then((x) => x.json())
+      .then((x) => {
+        urls.images = {
+          ...urls.images,
+          ...x.images,
+        };
+      })
+      .catch((e) => {
+        throw e.message;
+      });
+  }
+  return urls;
 };

 export const fetchIcon = async (url) => {
@@ -1,5 +1,5 @@
-import startCase from "lodash.startcase";
 import camelCase from "lodash.camelCase";
+import startCase from "lodash.startcase";

 export const resolveName = (icon) => {
  const isVariant = icon.name.startsWith("Variant=");
@@ -1,9 +1,11 @@
 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 { existsSync, mkdirSync, readdirSync, rmSync, writeFileSync } from "fs";
 import { resolve } from "path";
+import { fetchDownloadUrls, fetchIcon, fetchIcons } from "./fetch-icons.mjs";
 import { resolveName } from "./icon-name.mjs";
+import { makeConfig } from "./make-configs.mjs";
+import { paginate } from "./paginate.mjs";
+
 config();
 /* https://www.figma.com/file/wEdyFjCQSBR3U7FvrMbPXa/Core-Icons-Next?node-id=277%3A1221&t=mUJzFvnsceYYXNL5-0 */

@@ -15,14 +17,14 @@ if (!process.env.FIGMA_TOKEN) {

 async function main() {
  let icons = await fetchIcons();
-  /* icons = icons.filter(
-    (x) => x.containing_frame.pageName === "Files and application"
-  ); */

  const totalIcons = icons.length;

  const { images } = await fetchDownloadUrls(
-    icons.map((x) => x.node_id).join(",")
+    paginate(
+      icons.map((x) => x.node_id),
+      400,
+    ).map((x) => x.join(",")),
  );

  if (existsSync(iconFolder)) {
@@ -45,7 +47,7 @@ async function main() {
        icon,
        {
          encoding: "utf8",
-        }
+        },
      );
  }

@@ -5,11 +5,17 @@ import { resolveName } from "./icon-name.mjs";

 export const makeConfig = (icons, folder) => {
  icons.forEach((icon) => {
+    const name = resolveName(icon).replace(".svg", "");
+    const keywords = icon.description
+      .split(",")
+      .map((x) => x.trim())
+      .filter(Boolean);
+
    const config = {
-      name: resolveName(icon).replace(".svg", ""),
+      name,
      category: icon.containing_frame.pageName,
      sub_category: icon.containing_frame.name,
-      keywords: [...icon.description.split(",").map((x) => x.trim())],
+      keywords: keywords.length > 0 ? keywords : [name],
      variant: icon.name.includes("Variant=")
        ? icon.name.replace("Variant=", "")
        : "Stroke",
@@ -27,7 +33,11 @@ export const makeConfig = (icons, folder) => {
        .join("."),
    };

-    const yml = jsYaml.dump(config, { noRefs: true, skipInvalid: false });
+    const yml = jsYaml.dump(config, {
+      noRefs: true,
+      skipInvalid: false,
+      quotingType: '"',
+    });

    writeFileSync(resolve(folder, `${config.name}.yml`), yml, {
      encoding: "utf8",
@@ -0,0 +1,9 @@
+export function paginate(arr, size) {
+  return arr.reduce((acc, val, i) => {
+    let idx = Math.floor(i / size);
+    let page = acc[idx] || (acc[idx] = []);
+    page.push(val);
+
+    return acc;
+  }, []);
+}
@@ -15,18 +15,24 @@ ymlList.forEach((file) => {
  const ymlData = jsYaml.load(fs.readFileSync(`${basePath}/${file}`), {
    schema: jsYaml.JSON_SCHEMA,
  });
+  if (ymlData.keywords && ymlData.keywords.includes("[ignore-docs]")) {
+    return;
+  }
+
  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;`
+  `const metadata = ${JSON.stringify(
+    metadata,
+  )};\n\n module.exports = metadata;`,
 );

 fs.writeFileSync(
  path.resolve(__dirname, "../dist/metadata.mjs"),
-  `const metadata = ${JSON.stringify(metadata)};\n\n export default metadata;`
+  `const metadata = ${JSON.stringify(metadata)};\n\n export default metadata;`,
 );

 fs.writeFileSync(
@@ -46,5 +52,5 @@ fs.writeFileSync(
    [iconId: string]: AkselIcon;
  };

-  export default metadata;`
+  export default metadata;`,
 );
@@ -0,0 +1,42 @@
+const fastglob = require("fast-glob");
+const path = require("path");
+const {
+  existsSync,
+  readFileSync,
+  mkdirSync,
+  rmSync,
+  writeFileSync,
+} = require("fs");
+
+function main() {
+  const basePath = path.resolve(__dirname, "../icons");
+  const iconFolder = path.resolve(__dirname, "../dist/svg");
+
+  const svgList = fastglob.sync("*.svg", { cwd: basePath });
+
+  if (existsSync(iconFolder)) {
+    rmSync(iconFolder, { recursive: true, force: true });
+  }
+  mkdirSync(iconFolder);
+
+  svgList.forEach((svg) => {
+    const icon = readFileSync(`${basePath}/${svg}`).toString();
+    writeFileSync(`${iconFolder}/${svg}`, parseIcon(icon));
+  });
+}
+
+/**
+ *
+ * @param {string} SVG-string
+ * @returns {string} Parsed SVG-string
+ */
+function parseIcon(svgString) {
+  let icon = svgString;
+  icon = icon.replace(`width="24"`, `width="1em"`);
+  icon = icon.replace(`height="24"`, `height="1em"`);
+  icon = icon.replaceAll(`#23262A`, `currentColor`);
+
+  return icon;
+}
+
+module.exports = { parseIcon, main };
@@ -18,13 +18,14 @@ const template = (variables, { tpl }) => {
  });

  variables.props[0].properties.find(
-    (prop) => prop.key.name === "titleId"
+    (prop) => prop.key.name === "titleId",
  ).value = {
    type: "Identifier",
    name: "_titleId",
  };

  return tpl`
+"use client";
 ${imports};

 ${variables.interfaces};
@@ -33,7 +33,7 @@ async function generateFile() {
      ymlData.category,
      categories.get(ymlData.category)
        ? [...categories.get(ymlData.category), ymlData.name]
-        : [ymlData.name]
+        : [ymlData.name],
    );
  });

@@ -42,8 +42,8 @@ async function generateFile() {
    value.forEach((icon) =>
      copyFileSync(
        `${basePath}/${icon}.svg`,
-        `${iconFolder}/${key}/${icon}.svg`
-      )
+        `${iconFolder}/${key}/${icon}.svg`,
+      ),
    );
  });
 }
@@ -6,5 +6,8 @@
  "ui": "dist/index.html",
  "capabilities": [],
  "enableProposedApi": false,
-  "editorType": ["figma", "figjam"]
+  "editorType": ["figma", "figjam"],
+  "networkAccess": {
+    "allowedDomains": ["none"]
+  }
 }
@@ -13,23 +13,23 @@
  "dependencies": {
    "@navikt/ds-css": "*",
    "@navikt/ds-react": "*",
-    "fuse.js": "^6.6.2",
+    "fuse.js": "^7.0.0",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
  "devDependencies": {
-    "@figma/plugin-typings": "^1.62.0",
-    "@svgr/core": "^6.5.1",
+    "@figma/plugin-typings": "^1.84.0",
+    "@svgr/core": "^8.1.0",
    "@types/node": "^18.15.11",
-    "@types/postcss-url": "^10.0.0",
+    "@types/postcss-url": "^10.0.4",
    "@types/react": "^18.0.0",
    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "^3.1.0",
-    "postcss": "^8.4.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "postcss": "^8.4.31",
    "postcss-url": "^10.1.3",
-    "typescript": "^4.8.0",
-    "vite": "^4.2.0",
-    "vite-plugin-singlefile": "^0.13.3",
-    "vite-plugin-svgr": "^2.4.0"
+    "typescript": "^5.1.6",
+    "vite": "^5.1.7",
+    "vite-plugin-singlefile": "^1.0.0",
+    "vite-plugin-svgr": "^4.2.0"
  }
 }
@@ -1,4 +1,3 @@
-/* eslint-disable import/no-anonymous-default-export */
 import fs from "fs";
 import { Plugin } from "vite";

@@ -1,4 +1,4 @@
-import { createFilter, FilterPattern } from "@rollup/pluginutils";
+import { FilterPattern, createFilter } from "@rollup/pluginutils";
 import type { Config } from "@svgr/core";
 import fs from "fs";
 import type { Plugin } from "vite";
@@ -27,7 +27,7 @@ export default function viteSvgr({
        const { transform } = await import("@svgr/core");
        const svgCode = await fs.promises.readFile(
          id.replace(/\?.*$/, ""),
-          "utf8"
+          "utf8",
        );

        const componentCode = await transform(svgCode, svgrOptions, {
@@ -1,21 +0,0 @@
-/* eslint-disable no-restricted-globals */
-/* eslint-disable no-undef */
-import * as Networker from "monorepo-networker";
-import { NetworkMessages } from "@common/network/messages";
-import { NetworkSide } from "@common/network/sides";
-
-export const initializeNetwork = Networker.createInitializer({
-  messagesRegistry: NetworkMessages.registry,
-
-  initTransports: function (register) {
-    register(NetworkSide.PLUGIN, NetworkSide.UI, (message) => {
-      // @ts-ignore
-      figma.ui.postMessage(message);
-    });
-
-    register(NetworkSide.UI, NetworkSide.PLUGIN, (message) => {
-      // @ts-ignore
-      parent.postMessage({ pluginMessage: message }, "*");
-    });
-  },
-});
@@ -1,21 +0,0 @@
-import { CreateRectMessage } from "@common/network/messages/CreateRectMessage";
-import { HelloMessage } from "@common/network/messages/HelloMessage";
-import { PingMessage } from "@common/network/messages/PingMessage";
-import { NetworkSide } from "@common/network/sides";
-import * as Networker from "monorepo-networker";
-
-export namespace NetworkMessages {
-  export const registry = new Networker.MessageTypeRegistry();
-
-  export const PING = registry.register(new PingMessage("ping"));
-
-  export const HELLO_PLUGIN = registry.register(
-    new HelloMessage(NetworkSide.PLUGIN)
-  );
-
-  export const HELLO_UI = registry.register(new HelloMessage(NetworkSide.UI));
-
-  export const CREATE_RECT = registry.register(
-    new CreateRectMessage("create-rect")
-  );
-}
@@ -1,42 +0,0 @@
-/* eslint-disable no-undef */
-import { NetworkSide } from "@common/network/sides";
-import * as Networker from "monorepo-networker";
-
-interface Payload {
-  width: number;
-  height: number;
-}
-
-export class CreateRectMessage extends Networker.MessageType<Payload> {
-  public receivingSide(): Networker.Side {
-    return NetworkSide.PLUGIN;
-  }
-
-  public handle(payload: Payload, from: Networker.Side): void {
-    // @ts-ignore
-    if (figma.editorType === "figma") {
-      // @ts-ignore
-      const rect = figma.createRectangle();
-      rect.x = 0;
-      rect.y = 0;
-      rect.name = "Plugin Rectangle # " + Math.floor(Math.random() * 9999);
-      rect.fills = [
-        {
-          type: "SOLID",
-          color: {
-            r: Math.random(),
-            g: Math.random(),
-            b: Math.random(),
-          },
-        },
-      ];
-      rect.resize(payload.width, payload.height);
-      // @ts-ignore
-      figma.currentPage.appendChild(rect);
-      // @ts-ignore
-      figma.viewport.scrollAndZoomIntoView([rect]);
-      // @ts-ignore
-      figma.closePlugin();
-    }
-  }
-}
@@ -1,19 +0,0 @@
-import * as Networker from "monorepo-networker";
-
-interface Payload {
-  text: string;
-}
-
-export class HelloMessage extends Networker.MessageType<Payload> {
-  constructor(private side: Networker.Side) {
-    super("hello-" + side.getName());
-  }
-
-  receivingSide(): Networker.Side {
-    return this.side;
-  }
-
-  handle(payload: Payload, from: Networker.Side) {
-    console.log(`${from.getName()} said "${payload.text}"`);
-  }
-}
@@ -1,17 +0,0 @@
-import * as Networker from "monorepo-networker";
-import { NetworkSide } from "@common/network/sides";
-
-interface Payload {}
-
-type Response = string;
-
-export class PingMessage extends Networker.MessageType<Payload, Response> {
-  receivingSide(): Networker.Side {
-    return NetworkSide.PLUGIN;
-  }
-
-  handle(payload: Payload, from: Networker.Side): string {
-    console.log(from.getName(), "has pinged us!");
-    return `Pong, ${from.getName()}!`;
-  }
-}
@@ -1,24 +0,0 @@
-/* eslint-disable no-undef */
-import * as Networker from "monorepo-networker";
-
-export namespace NetworkSide {
-  export const PLUGIN = Networker.Side.register(
-    new Networker.Side<MessageEvent<any>>("Plugin", {
-      // @ts-ignore
-      attachListener: (callback) => figma.ui.on("message", callback),
-      // @ts-ignore
-      detachListener: (callback) => figma.ui.off("message", callback),
-    })
-  );
-
-  export const UI = Networker.Side.register(
-    new Networker.Side("UI", {
-      shouldHandle: (event) => event.data?.pluginId != null,
-      messageGetter: (event) => event.data.pluginMessage,
-      attachListener: (callback) =>
-        window.addEventListener("message", callback),
-      detachListener: (callback) =>
-        window.removeEventListener("message", callback),
-    })
-  );
-}
@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 figma.showUI(__html__, { width: 480, height: 600 });

 figma.ui.onmessage = (msg) => {
@@ -1,6 +1,7 @@
-import { Heading, Search, ToggleGroup } from "@navikt/ds-react";
+/* eslint-disable react/react-in-jsx-scope */
 import Fuse from "fuse.js";
 import { useEffect, useMemo, useState } from "react";
+import { Heading, Search, ToggleGroup } from "@navikt/ds-react";
 import * as Icons from "../../../";
 import meta from "../../../dist/metadata";
 import "./app.css";
@@ -18,7 +19,7 @@ const fuseStroke = new Fuse(
      { name: "variant", weight: 1 },
    ],
    shouldSort: false,
-  }
+  },
 );

 const fuseFill = new Fuse(getFillIcon(Object.values(meta)), {
@@ -38,7 +39,7 @@ const App = () => {
  const [toggle, setToggle] = useState<"stroke" | "fill">("stroke");

  const [strokeIcons] = useState(
-    Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke")
+    Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke"),
  );

  const [fillIcons] = useState(getFillIcon(Object.values(meta)));
@@ -48,20 +49,19 @@ const App = () => {
      return categorizeIcons(
        query
          ? fuseFill.search(query).map((result) => result.item as any)
-          : fillIcons
+          : fillIcons,
      );
    }
    return categorizeIcons(
      query
        ? fuseStroke.search(query).map((result) => result.item as any)
-        : strokeIcons
+        : strokeIcons,
    );
  }, [toggle, query, strokeIcons, fillIcons]);

  const onCreate = (id: string, name: string) => {
-    let svg = document.getElementById(id)?.outerHTML;
-    let size = 24;
-    // eslint-disable-next-line no-restricted-globals
+    const svg = document.getElementById(id)?.outerHTML;
+    const size = 24;
    parent.postMessage(
      {
        pluginMessage: {
@@ -71,7 +71,7 @@ const App = () => {
          name,
        },
      },
-      "*"
+      "*",
    );
  };

@@ -95,7 +95,7 @@ const App = () => {
            name: e.target.id,
          },
        },
-        "*"
+        "*",
      );
    };

@@ -154,7 +154,7 @@ const App = () => {
                      </Heading>
                      <div className="icons-wrapper">
                        {sub.icons.map((i) => {
-                          const T = Icons[`${i.id}Icon`];
+                          const T = Icons[`${i.id}Icon`]; // eslint-disable-line import/namespace
                          if (T === undefined) {
                            console.log(i);
                            return null;
@@ -170,7 +170,7 @@ const App = () => {
                              className="icon-classname icon-button"
                            >
                              <T
-                                font-size="2rem"
+                                fontSize="2rem"
                                title={i.id}
                                id={`icon-id-${i.id}`}
                              />
@@ -58,7 +58,7 @@
 .icon-button {
  min-height: 3rem;
  min-width: 3rem;
-  border-radius: 2px;
+  border-radius: var(--a-border-radius-small);
  display: grid;
  place-content: center;
  background-color: var(--a-surface-default);
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
@@ -5,5 +5,5 @@ import App from "./App";
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
    <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
@@ -1,37 +1,37 @@
 import meta from "@navikt/aksel-icons/metadata";

 const subCategorizeIcons = (
-  icons: typeof meta[1][]
-): { sub_category: string; icons: typeof meta[1][] }[] => {
-  const categories: { sub_category: string; icons: typeof meta[1][] }[] = [];
+  icons: (typeof meta)[1][],
+): { sub_category: string; icons: (typeof meta)[1][] }[] => {
+  const categories: { sub_category: string; icons: (typeof meta)[1][] }[] = [];

  for (const icon of icons) {
    const i = categories.findIndex(
-      ({ sub_category }) => icon.sub_category === sub_category
+      ({ sub_category }) => icon.sub_category === sub_category,
    );
    i !== -1
      ? categories[i].icons.push(icon)
      : categories.push({ sub_category: icon.sub_category, icons: [icon] });
  }
  return categories.sort((a, b) =>
-    a.sub_category.localeCompare(b.sub_category)
+    a.sub_category.localeCompare(b.sub_category),
  );
 };

 export const categorizeIcons = (
-  icons: typeof meta[1][]
+  icons: (typeof meta)[1][],
 ): {
  category: string;
-  sub_categories: { sub_category: string; icons: typeof meta[1][] }[];
+  sub_categories: { sub_category: string; icons: (typeof meta)[1][] }[];
 }[] => {
  const categories: {
    category: string;
-    icons: typeof meta[1][];
+    icons: (typeof meta)[1][];
  }[] = [];

  for (const icon of icons) {
    const i = categories.findIndex(
-      ({ category }) => icon.category === category
+      ({ category }) => icon.category === category,
    );
    i !== -1
      ? categories[i].icons.push(icon)
@@ -42,15 +42,15 @@ export const categorizeIcons = (
    .map((x) => ({ ...x, sub_categories: subCategorizeIcons(x.icons) }));
 };

-const noFill = (icon: typeof meta[1], icons: typeof meta[1][]) => {
+const noFill = (icon: (typeof meta)[1], icons: (typeof meta)[1][]) => {
  const foundFill = icons.find(
-    (x) => x.name.endsWith("Fill") && x.name.replace("Fill", "") === icon.name
+    (x) => x.name.endsWith("Fill") && x.name.replace("Fill", "") === icon.name,
  );
  return !foundFill;
 };

-export const getFillIcon = (icons: typeof meta[1][]) => {
+export const getFillIcon = (icons: (typeof meta)[1][]) => {
  return icons.filter(
-    (x, _, z) => x.variant.toLowerCase() === "fill" || noFill(x, z)
+    (x, _, z) => x.variant.toLowerCase() === "fill" || noFill(x, z),
  );
 };
@@ -1,9 +1,7 @@
-import { defineConfig } from "vite";
-import path from "path";
-
-import { viteSingleFile } from "vite-plugin-singlefile";
 import react from "@vitejs/plugin-react";
-
+import path from "path";
+import { defineConfig } from "vite";
+import { viteSingleFile } from "vite-plugin-singlefile";
 import inlineSvg from "./scripts/vite/vite-inline-svg";
 import svgComponent from "./scripts/vite/vite-svgr-component";

@@ -0,0 +1,65 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+import * as AkselIcons from "@navikt/aksel-icons";
+import { StarFillIcon } from "@navikt/aksel-icons";
+
+const meta: Meta<typeof StarFillIcon> = {
+  title: "aksel-icons/Icons",
+  parameters: { html: { disable: true } },
+};
+export default meta;
+
+type Story = StoryObj<typeof StarFillIcon>;
+
+export const Icons: Story = {
+  render: () => {
+    return (
+      <div className="icons">
+        {Object.entries(AkselIcons).map(([key, Value]) => (
+          <React.Fragment key={key}>
+            <Value fontSize="3rem" aria-hidden title={key} />
+          </React.Fragment>
+        ))}
+        <style>
+          {`
+          .icons{
+            display: flex;
+            flex-wrap: wrap;
+          }
+          `}
+        </style>
+      </div>
+    );
+  },
+};
+
+export const IconsInverted: Story = {
+  render: () => {
+    return (
+      <div className="icons">
+        {Object.entries(AkselIcons).map(([key, Value]) => (
+          <React.Fragment key={key}>
+            <Value
+              fontSize="3rem"
+              aria-hidden
+              title={key}
+              className="icon-color"
+            />
+          </React.Fragment>
+        ))}
+        <style>
+          {`
+          .icons{
+            display: flex;
+            flex-wrap: wrap;
+            background: var(--a-gray-900);
+          }
+          .icon-color{
+            color: var(--a-icon-on-inverted);
+          }
+          `}
+        </style>
+      </div>
+    );
+  },
+};
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38832 3.62499C6.15657 3.69144 5.9709 3.86524 5.88931 4.0921C5.80771 4.31895 5.84014 4.5712 5.97647 4.77004L8.36835 8.25872L8.11301 8.33194L5.79544 6.68857C5.60958 6.55678 5.3739 6.51662 5.15489 6.57942L3.23236 7.13069C2.97861 7.20346 2.7818 7.40426 2.71414 7.65943C2.64649 7.91459 2.71796 8.18653 2.90233 8.37546L5.97257 11.5216C7.44996 13.0355 9.63928 13.6159 11.6727 13.0329L20.337 10.5484C21.3272 10.2645 21.5682 8.97202 20.747 8.35025L19.1525 7.14299C17.9605 6.24051 16.4131 5.95191 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05782 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26244 9.5628L9.55282 9.98633C9.78704 10.328 10.2539 10.415 10.5955 10.1808C10.9371 9.94658 11.0242 9.47976 10.79 9.13813L7.80203 4.78006L8.34893 4.62324L12.7881 8.21903C12.9783 8.37308 13.2316 8.42464 13.4669 8.35719L15.3894 7.80591C16.3728 7.52394 17.4315 7.72141 18.247 8.33889L19.4429 9.24433L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76404C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74692 17.3691 9.71403 17.335C10.473 16.6649 11.8213 15.75 13.4998 15.75C16.5856 15.75 18.2498 17.9142 18.2498 20C18.2498 20.4142 18.5856 20.75 18.9998 20.75C19.414 20.75 19.7498 20.4142 19.7498 20C19.7498 17.0858 17.414 14.25 13.4998 14.25C11.0483 14.25 9.2246 15.7083 8.41735 16.4919C7.99415 16.3357 7.52002 16.25 7 16.25C5.79648 16.25 4.83873 16.7088 4.18944 17.4392C3.55242 18.1559 3.25 19.0902 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75C4.41421 20.75 4.75 20.4142 4.75 20C4.75 19.4098 4.94758 18.8441 5.31056 18.4358C5.66127 18.0412 6.20352 17.75 7 17.75C7.79648 17.75 8.33873 18.0412 8.68944 18.4358C9.05242 18.8441 9.25 19.4098 9.25 20C9.25 20.4142 9.58579 20.75 10 20.75C10.4142 20.75 10.75 20.4142 10.75 20C10.75 19.0902 10.4476 18.1559 9.81056 17.4392Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38832 3.62499C6.15657 3.69144 5.9709 3.86524 5.88931 4.0921C5.80771 4.31895 5.84014 4.5712 5.97647 4.77004L8.36835 8.25872L8.11301 8.33194L5.79544 6.68857C5.60958 6.55678 5.3739 6.51662 5.15489 6.57942L3.23236 7.1307C2.97861 7.20346 2.7818 7.40427 2.71414 7.65943C2.64649 7.91459 2.71796 8.18653 2.90233 8.37546L5.97257 11.5216C7.44996 13.0355 9.63928 13.6159 11.6727 13.0329L20.337 10.5484C21.3272 10.2645 21.5682 8.97202 20.747 8.35025L19.1525 7.143C17.9605 6.24051 16.4131 5.95192 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05783 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26243 9.5628L9.55282 9.98634C9.78704 10.328 10.2539 10.415 10.5955 10.1808C10.9371 9.94658 11.0242 9.47976 10.79 9.13813L7.80203 4.78006L8.34893 4.62324L12.7881 8.21904C12.9783 8.37308 13.2316 8.42465 13.4669 8.35719L15.3894 7.80591C16.3728 7.52395 17.4315 7.72141 18.247 8.3389L19.4429 9.24434L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76405C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74693 17.3691 9.71403 17.335C10.473 16.6649 11.8213 15.75 13.4998 15.75C16.5856 15.75 18.2498 17.9142 18.2498 20C18.2498 20.4142 18.5856 20.75 18.9998 20.75C19.414 20.75 19.7498 20.4142 19.7498 20C19.7498 17.0858 17.414 14.25 13.4998 14.25C11.0483 14.25 9.2246 15.7083 8.41735 16.4919C7.99415 16.3357 7.52002 16.25 7 16.25C5.79648 16.25 4.83873 16.7088 4.18944 17.4392C3.55242 18.1559 3.25 19.0902 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75C4.41421 20.75 4.75 20.4142 4.75 20C4.75 19.4098 4.94758 18.8441 5.31056 18.4358C5.66127 18.0412 6.20352 17.75 7 17.75C7.79648 17.75 8.33873 18.0412 8.68944 18.4358C9.05242 18.8441 9.25 19.4098 9.25 20C9.25 20.4142 9.58579 20.75 10 20.75C10.4142 20.75 10.75 20.4142 10.75 20C10.75 19.0902 10.4476 18.1559 9.81056 17.4392Z" fill="#23262A"/>
 </svg>
@@ -6,5 +6,5 @@ keywords:
  - reise
  - travel
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38826 3.62505C6.15652 3.6915 5.97084 3.8653 5.88925 4.09216C5.80765 4.31901 5.84009 4.57126 5.97641 4.7701L8.36829 8.25878L8.11295 8.332L5.79538 6.68863C5.60952 6.55684 5.37384 6.51668 5.15483 6.57948L3.23231 7.13075C2.97855 7.20352 2.78174 7.40432 2.71408 7.65949C2.64643 7.91465 2.7179 8.18659 2.90227 8.37552L5.97251 11.5216C7.4499 13.0355 9.63922 13.616 11.6726 13.0329L20.337 10.5485C21.3271 10.2645 21.5682 8.97208 20.7469 8.35031L19.1524 7.14305C17.9604 6.24057 16.4131 5.95197 14.9759 6.36408L13.4288 6.80772L8.98958 3.21193C8.79941 3.05788 8.54604 3.00632 8.31078 3.07377L6.38826 3.62505ZM10.0595 15.2359C9.8993 15.3303 9.90495 15.561 10.0577 15.6671C10.3786 15.8898 10.6712 16.1496 10.9317 16.4427C11.8431 17.4679 12.2501 18.7711 12.2501 20L12.25 20.0141C12.249 20.1747 12.3791 20.3143 12.5393 20.303C13.0023 20.2704 13.455 20.25 13.8625 20.25C15.61 20.25 18.1887 20.6258 18.844 20.7258C18.9487 20.7418 19.0543 20.7555 19.1579 20.7333C19.4962 20.6608 19.7499 20.36 19.7499 20C19.7499 17.0858 17.4141 14.25 13.4999 14.25C12.1367 14.25 10.9677 14.7009 10.0595 15.2359ZM4.18944 17.4392C4.83873 16.7088 5.79648 16.25 7 16.25C8.20352 16.25 9.16127 16.7088 9.81056 17.4392C10.4476 18.1559 10.75 19.0902 10.75 20C10.75 20.3184 10.5516 20.5905 10.2716 20.6993C10.0998 20.7661 9.91096 20.7245 9.73237 20.6789C9.19197 20.5408 7.94182 20.25 7 20.25C6.05818 20.25 4.80803 20.5408 4.26763 20.6789C4.08904 20.7245 3.90023 20.7661 3.72842 20.6993C3.44845 20.5905 3.25 20.3184 3.25 20C3.25 19.0902 3.55242 18.1559 4.18944 17.4392Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.38826 3.62505C6.15652 3.6915 5.97084 3.8653 5.88925 4.09216C5.80765 4.31901 5.84009 4.57126 5.97641 4.7701L8.36829 8.25878L8.11295 8.332L5.79538 6.68863C5.60952 6.55684 5.37384 6.51668 5.15483 6.57948L3.23231 7.13075C2.97855 7.20352 2.78174 7.40432 2.71408 7.65949C2.64643 7.91465 2.7179 8.18659 2.90227 8.37552L5.97251 11.5216C7.4499 13.0355 9.63922 13.616 11.6726 13.0329L20.337 10.5485C21.3271 10.2645 21.5682 8.97208 20.7469 8.35031L19.1524 7.14305C17.9604 6.24057 16.4131 5.95197 14.9759 6.36408L13.4288 6.80772L8.98958 3.21193C8.79941 3.05788 8.54604 3.00632 8.31078 3.07377L6.38826 3.62505ZM10.0595 15.2359C9.8993 15.3303 9.90495 15.561 10.0577 15.6671C10.3786 15.8898 10.6712 16.1496 10.9317 16.4427C11.8431 17.4679 12.2501 18.7711 12.2501 20L12.25 20.0141C12.249 20.1747 12.3791 20.3143 12.5393 20.303C13.0023 20.2704 13.455 20.25 13.8625 20.25C15.61 20.25 18.1887 20.6258 18.844 20.7258C18.9487 20.7418 19.0543 20.7555 19.1579 20.7333C19.4962 20.6608 19.7499 20.36 19.7499 20C19.7499 17.0858 17.4141 14.25 13.4999 14.25C12.1367 14.25 10.9677 14.7009 10.0595 15.2359ZM4.18944 17.4392C4.83873 16.7088 5.79648 16.25 7 16.25C8.20352 16.25 9.16127 16.7088 9.81056 17.4392C10.4476 18.1559 10.75 19.0902 10.75 20C10.75 20.3184 10.5516 20.5905 10.2716 20.6993C10.0998 20.7661 9.91096 20.7245 9.73237 20.6789C9.19197 20.5408 7.94182 20.25 7 20.25C6.05818 20.25 4.80803 20.5408 4.26763 20.6789C4.08904 20.7245 3.90023 20.7661 3.72842 20.6993C3.44845 20.5905 3.25 20.3184 3.25 20C3.25 19.0902 3.55242 18.1559 4.18944 17.4392Z" fill="#23262A"/>
 </svg>
@@ -6,5 +6,5 @@ keywords:
  - reise
  - travel
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM6.75 16.25H9.25L9.25 4.75L6.75 4.75L6.75 16.25ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17ZM17.25 16.25H14.75V10.75H17.25V16.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM6.75 16.25H9.25L9.25 4.75H6.75L6.75 16.25ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17ZM17.25 16.25H14.75V10.75H17.25V16.25Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17V4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 17.75C5.58579 17.75 5.25 17.4142 5.25 17L5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H10C10.4142 3.25 10.75 3.58579 10.75 4L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75H6ZM3.25 20C3.25 19.5858 3.58579 19.25 4 19.25L20 19.25C20.4142 19.25 20.75 19.5858 20.75 20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20ZM13.25 17C13.25 17.4142 13.5858 17.75 14 17.75H18C18.4142 17.75 18.75 17.4142 18.75 17V10C18.75 9.58579 18.4142 9.25 18 9.25H14C13.5858 9.25 13.25 9.58579 13.25 10V17Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25ZM11.25 14.75H9.25V17.25H11.25V14.75ZM12.75 17.25H14.75V14.75H12.75V17.25ZM6.25 6.75H11.25V9.25H6.25V6.75ZM12.75 6.75V9.25H17.75V6.75H12.75Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25ZM11.25 14.75H9.25V17.25H11.25V14.75ZM12.75 17.25H14.75V14.75H12.75V17.25ZM6.25 6.75H11.25V9.25H6.25V6.75ZM12.75 6.75V9.25H17.75V6.75H12.75Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V5.25H18.5C18.9142 5.25 19.25 5.58579 19.25 6V10C19.25 10.4142 18.9142 10.75 18.5 10.75H12.75V13.25H15.5C15.9142 13.25 16.25 13.5858 16.25 14V18C16.25 18.4142 15.9142 18.75 15.5 18.75H12.75V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.75H8.5C8.08579 18.75 7.75 18.4142 7.75 18V14C7.75 13.5858 8.08579 13.25 8.5 13.25H11.25V10.75H5.5C5.08579 10.75 4.75 10.4142 4.75 10V6C4.75 5.58579 5.08579 5.25 5.5 5.25H11.25V4C11.25 3.58579 11.5858 3.25 12 3.25Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7.75 6.75V9.25H19.25V6.75H7.75ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7ZM7.75 17.25V14.75H13.25V17.25H7.75Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7.75 6.75V9.25H19.25V6.75H7.75ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7ZM7.75 17.25V14.75H13.25V17.25H7.75Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.25C4.41421 3.25 4.75 3.58579 4.75 4V20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20V4C3.25 3.58579 3.58579 3.25 4 3.25ZM6.25 6C6.25 5.58579 6.58579 5.25 7 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6V10C20.75 10.4142 20.4142 10.75 20 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10V6ZM7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V18C6.25 18.4142 6.58579 18.75 7 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18V14C14.75 13.5858 14.4142 13.25 14 13.25H7Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6ZM14.75 12.75V14.75H17.25V12.75L14.75 12.75ZM17.25 11.25V9.25H14.75V11.25L17.25 11.25ZM6.75 17.75L6.75 12.75H9.25V17.75H6.75ZM9.25 6.25V11.25H6.75L6.75 6.25L9.25 6.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6ZM14.75 12.75V14.75H17.25V12.75L14.75 12.75ZM17.25 11.25V9.25H14.75V11.25L17.25 11.25ZM6.75 17.75L6.75 12.75H9.25V17.75H6.75ZM9.25 6.25V11.25H6.75L6.75 6.25L9.25 6.25Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5V12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25V5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 19.25C5.58579 19.25 5.25 18.9142 5.25 18.5L5.25 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H5.25L5.25 5.5C5.25 5.08579 5.58579 4.75 6 4.75H10C10.4142 4.75 10.75 5.08579 10.75 5.5V11.25H13.25V8.5C13.25 8.08579 13.5858 7.75 14 7.75L18 7.75C18.4142 7.75 18.75 8.08579 18.75 8.5V11.25H20C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H18.75V15.5C18.75 15.9142 18.4142 16.25 18 16.25H14C13.5858 16.25 13.25 15.9142 13.25 15.5V12.75H10.75V18.5C10.75 18.9142 10.4142 19.25 10 19.25H6Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM16.25 9.25V6.75L4.75 6.75L4.75 9.25L16.25 9.25ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75ZM16.25 14.75V17.25L10.75 17.25L10.75 14.75L16.25 14.75Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM16.25 9.25V6.75L4.75 6.75L4.75 9.25L16.25 9.25ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75ZM16.25 14.75V17.25L10.75 17.25L10.75 14.75L16.25 14.75Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25H17C17.4142 5.25 17.75 5.58579 17.75 6V10ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.75C19.5858 20.75 19.25 20.4142 19.25 20L19.25 4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4L20.75 20C20.75 20.4142 20.4142 20.75 20 20.75ZM17.75 10C17.75 10.4142 17.4142 10.75 17 10.75L4 10.75C3.58579 10.75 3.25 10.4142 3.25 10V6C3.25 5.58579 3.58579 5.25 4 5.25L17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V10ZM17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V14C17.75 13.5858 17.4142 13.25 17 13.25L10 13.25C9.58579 13.25 9.25 13.5858 9.25 14L9.25 18C9.25 18.4142 9.58579 18.75 10 18.75L17 18.75Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM9.25 7.75H6.75L6.75 19.25H9.25L9.25 7.75ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7ZM14.75 7.75H17.25V13.25H14.75V7.75Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM9.25 7.75H6.75L6.75 19.25H9.25L9.25 7.75ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7ZM14.75 7.75H17.25V13.25H14.75V7.75Z" fill="#23262A"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - sammensetning
  - formatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.12.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25L20 3.25C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20V7C5.25 6.58579 5.58579 6.25 6 6.25H10ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25H14C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 4C20.75 4.41421 20.4142 4.75 20 4.75L4 4.75C3.58579 4.75 3.25 4.41421 3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7L10.75 20C10.75 20.4142 10.4142 20.75 10 20.75H6C5.58579 20.75 5.25 20.4142 5.25 20L5.25 7C5.25 6.58579 5.58579 6.25 6 6.25L10 6.25ZM18.75 7C18.75 6.58579 18.4142 6.25 18 6.25L14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V14C13.25 14.4142 13.5858 14.75 14 14.75H18C18.4142 14.75 18.75 14.4142 18.75 14V7Z" fill="#23262A"/>
 </svg>