Version Packages (#2139 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
[Ny komponent] Stack, Spacer (#2040 )
2026-10-13 09:12:03 +00:00 · 2023-08-04 13:43:34 +02:00 · 2023-08-04 13:13:46 +02:00 · 2023-08-04 12:33:33 +02:00 · 2023-08-04 11:33:05 +02:00 · 2023-08-04 11:18:24 +02:00
1601 changed files with 35598 additions and 25990 deletions
@@ -31,10 +31,7 @@ Alle base-pakkene våre har `fixed versjonering`. Dette tilsier at en bump på e
  "@navikt/ds-react",
  "@navikt/ds-css",
  "@navikt/aksel-icons",
-  "@navikt/ds-icons",
  "@navikt/ds-tokens",
  "@navikt/ds-tailwind",
-  "@navikt/ds-css-internal",
-  "@navikt/ds-react-internal",
  "@navikt/ds-codemod"
 ```
@@ -1,6 +1,9 @@
 {
  "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
-  "changelog": ["@changesets/changelog-github", { "repo": "navikt/aksel" }],
+  "changelog": [
+    "@svitejs/changesets-changelog-github-compact",
+    { "repo": "navikt/aksel" }
+  ],
  "commit": false,
  "fixed": [
    [
@@ -8,18 +11,16 @@
      "@navikt/ds-css",
      "@navikt/ds-tokens",
      "@navikt/ds-tailwind",
-      "@navikt/ds-css-internal",
-      "@navikt/ds-react-internal",
-      "@navikt/ds-codemod",
      "@navikt/aksel-icons",
-      "@navikt/ds-icons"
+      "@navikt/aksel",
+      "@navikt/aksel-stylelint"
    ]
  ],
  "linked": [],
  "access": "public",
  "baseBranch": "main",
  "updateInternalDependencies": "patch",
-  "ignore": ["shadow-dom", "aksel.nav.no", "@navikt/ds-navno"],
+  "ignore": ["shadow-dom", "aksel.nav.no", "aksel-icons-figma-plugin"],

  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
    "updateInternalDependents": "always"
@@ -3,7 +3,7 @@ description: Send et ønske om en eller flere nye komponenter
 title: "[Ny komponent]: "
 labels: ["nytt ✨", "forespørsel 🥰", "komponenter 🧩"]
 assignees:
-  - olejorgenbakken
+  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -3,7 +3,7 @@ description: Send et ønske om et eller flere nye ikoner
 title: "[Nytt ikon]: "
 labels: ["nytt ✨", "ikoner 🖼", "forespørsel 🥰"]
 assignees:
-  - olejorgenbakken
+  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -3,7 +3,7 @@ description: Send inn innspill til komponent
 title: "[Innspill til komponent]: "
 labels: ["forespørsel 🥰", "komponenter 🧩", "nytt ✨", "beta 🧪"]
 assignees:
-  - olejorgenbakken
+  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -3,7 +3,7 @@ description: Send inn innspill til ikon
 title: "[Tilbakemelding på ikon]: "
 labels: ["forespørsel 🥰", "ikoner 🖼️"]
 assignees:
-  - olejorgenbakken
+  - KenAJoh
 body:
  - type: markdown
    attributes:
@@ -0,0 +1,44 @@
+### Description
+
+<!-- PR description/motivation
+add links to project-tasks, slack discussions etc here
+-->
+
+### Change summary
+
+<!-- Short summary of changes in PR
+- added variant x
+- fixed bug in y
+-->
+
+### PR Checklist 📝 (Remove fields after check!)
+
+#### New component? ✨
+
+- Check that component-styling is correctly configured in `@navikt/core/css/config/_mappings.js`. This is needed for correct build and CDN upload.
+- Check that styling is correctly exported from `@navikt/core/css/index.css`
+- Check that correct tokens for component is documented in `@navikt/core/css/tokens.json`
+- Check that only needed components and types are exported from `@navikt/core/react/src/index.ts`
+- Add JSDoc to component (see other components for reference)
+- Create storybook-stories for relevant component variations and compositions. Stories are used for [visual regression testing](https://www.chromatic.com/docs/), so make sure they are complete.
+- Is the component sufficiently complex to warrant tests? Add some unit-tests for jest.
+
+#### Component-updates 🎉
+
+- Revalidate if everything under `New component` is still accounted for
+- Deprecating/removing a CSS class? Add it to `@navikt/aksel-stylelint/src/deprecations.ts` with a suitable description. This helps stylelint-users keep their code clean and bug-free.
+
+#### Documentation 📝
+
+- Add/update component-demos for component `aksel.nav.no/website/pages/eksempler`
+- Create/Update documentation in sanity if needed
+  Note: Props, tokens and examples only updates to sanity on merge to main
+
+#### Versioning 🏷️
+
+- Run `yarn changeset` to generate a version-entry for change.
+- - Bug/hotfix: Patch
+- - New feature: Minor
+- - Breaking change: Major
+- Adding breaking changes? Consider adding a codemod for easier migration.
+- Breaking changes also needs documentation under "Migration"-page on website
@@ -5,38 +5,7 @@ on:
    branches:
      - next

-env:
-  IMAGE: ghcr.io/navikt/aksel
-
 jobs:
-  snyk-monitor:
-    name: monitor dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        continue-on-error: true
-        uses: snyk/actions/node@master
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: monitor
-          args: --org=designsystemet --severity-threshold=high
-  snyk-test:
-    name: analyze dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        uses: snyk/actions/node@master
-        continue-on-error: true
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: test
-          args: --org=designsystemet --severity-threshold=high
  build_and_deploy:
    name: Build and deploy to dev-gcp
    runs-on: ubuntu-20.04
@@ -52,11 +21,14 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
          echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env

+      - name: Hide page from search engines
+        run: |
+          echo "User-agent: *\nDisallow: /" > aksel.nav.no/website/public/robots.txt
+
      - name: Restore cache
        uses: actions/cache@v3
        with:
@@ -80,21 +52,17 @@ jobs:
          source: ./aksel.nav.no/website/.next/static
          destination: "/website/_next"

-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
      - name: Get complete tag
        run: echo "TAG=DEV-$( date +%s )" >> $GITHUB_ENV
-      - name: Create docker image tags
-        run: echo "DOCKER_TAG=${{ env.IMAGE }}:${{ env.TAG }}" >> $GITHUB_ENV
-      - name: Build docker image
-        run: docker build -t ${{ env.DOCKER_TAG }} . -f aksel.nav.no/Dockerfile
-      - name: Push docker image
-        run: |
-          docker push ${{ env.DOCKER_TAG }}
+
+      - uses: nais/docker-build-push@v0
+        id: docker-push
+        with:
+          team: designsystem
+          push_image: true
+          dockerfile: aksel.nav.no/Dockerfile
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}

      - name: Deploy to dev-gcp
        uses: nais/deploy/actions/deploy@master
@@ -102,4 +70,4 @@ jobs:
          APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
          RESOURCE: aksel.nav.no/nais-dev.yaml
          CLUSTER: dev-gcp
-          IMAGE: ${{ env.DOCKER_TAG }}
+          IMAGE: ${{ steps.docker-push.outputs.image }}
@@ -10,34 +10,6 @@ env:
  IMAGE: ghcr.io/navikt/aksel

 jobs:
-  snyk-monitor:
-    name: monitor dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        continue-on-error: true
-        uses: snyk/actions/node@master
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: monitor
-          args: --org=designsystemet --severity-threshold=high
-  snyk-test:
-    name: analyze dependencies
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Run Snyk to check for vulnerabilities
-        uses: snyk/actions/node@master
-        continue-on-error: true
-        env:
-          SNYK_TOKEN: ${{ secrets.SNYK_TOKEN }}
-        with:
-          command: test
-          args: --org=designsystemet --severity-threshold=high
  sync_data_with_sanity:
    name: Update component data
    runs-on: ubuntu-latest
@@ -84,7 +56,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
          echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
@@ -116,18 +87,18 @@ jobs:
          source: ./aksel.nav.no/website/.next/static
          destination: "/website/_next"

-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
      - name: Get complete tag
-        run: echo "TAG=$( date +%s )" >> $GITHUB_ENV
-      - name: Create docker image tags
-        run: echo "DOCKER_TAG=${{ env.IMAGE }}:${{ env.TAG }}" >> $GITHUB_ENV
-      - name: Build docker image
-        run: docker build -t ${{ env.DOCKER_TAG }} . -f aksel.nav.no/Dockerfile
+        run: echo "TAG=PROD-$( date +%s )" >> $GITHUB_ENV
+
+      - uses: nais/docker-build-push@v0
+        id: docker-push
+        with:
+          team: designsystem
+          push_image: true
+          dockerfile: aksel.nav.no/Dockerfile
+          project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
+          identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+
      - name: Wait for e2e-tests to succeed
        uses: lewagon/wait-on-check-action@v1.2.0
        with:
@@ -135,9 +106,6 @@ jobs:
          check-name: "Smoketest Aksel"
          repo-token: ${{ secrets.GITHUB_TOKEN }}
          wait-interval: 10
-      - name: Push docker image
-        run: |
-          docker push ${{ env.DOCKER_TAG }}

      - name: Deploy to prod-gcp
        uses: nais/deploy/actions/deploy@master
@@ -145,4 +113,4 @@ jobs:
          APIKEY: ${{ secrets.NAIS_DEPLOY_APIKEY }}
          RESOURCE: aksel.nav.no/nais-prod.yaml
          CLUSTER: prod-gcp
-          IMAGE: ${{ env.DOCKER_TAG }}
+          IMAGE: ${{ steps.docker-push.outputs.image }}
@@ -13,7 +13,7 @@ jobs:
  playwright:
    runs-on: ubuntu-latest
    container:
-      image: mcr.microsoft.com/playwright:v1.30.0-focal
+      image: mcr.microsoft.com/playwright:v1.35.1-jammy
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
@@ -23,7 +23,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env

@@ -11,7 +11,7 @@ concurrency: ${{ github.workflow }}-${{ github.ref }}
 jobs:
  build:
    name: "Release packages"
-    if: "!contains(github.event.head_commit.message, '[ci skip]')"
+    if: ${{!contains(github.event.head_commit.message, '[ci skip]')}}
    runs-on: ubuntu-latest
    permissions:
      id-token: "write"
@@ -28,6 +28,10 @@ jobs:
          node-version: 16.13.0
          cache: yarn

+      - uses: denoland/setup-deno@v1
+        with:
+          deno-version: v1.x
+
      - name: Restore cache
        uses: actions/cache@v3
        with:
@@ -45,6 +49,7 @@ jobs:
        with:
          version: yarn version
          publish: yarn release
+          createGithubReleases: false
        env:
          NPM_TOKEN: ${{ secrets.NPM_AUTOMATION }}
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -82,3 +87,17 @@ jobs:
          cdn-team-name: aksel
          source: ./@navikt/aksel-icons/aksel-icons.zip
          destination: "/icons/zip"
+
+      - name: Get @navikt/ds-css version
+        run: |
+          VERSION=$(yarn css:get-version)
+          echo "version=$VERSION" >> $GITHUB_ENV
+          echo "Version of @navikt/ds-css: ${{ env.version }}"
+
+      - name: Upload CSS to NAV CDN
+        if: steps.changesets.outputs.published == 'true'
+        uses: navikt/frontend/actions/cdn-upload/v1@main
+        with:
+          cdn-team-name: aksel
+          source: ./@navikt/core/css/dist/version/${{env.version}}
+          destination: "@navikt/ds-css"
@@ -14,7 +14,7 @@ jobs:
    name: Smoketest Aksel
    runs-on: ubuntu-latest
    container:
-      image: mcr.microsoft.com/playwright:v1.30.0-focal
+      image: mcr.microsoft.com/playwright:v1.35.1-jammy
    steps:
      - uses: actions/setup-node@v3
        with:
@@ -23,7 +23,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env

@@ -1,42 +0,0 @@
-name: Update Icons
-
-on:
-  #  schedule:
-  #   - cron: 0 0 * * *
-  workflow_dispatch:
-
-jobs:
-  update:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 14
-      - name: Node-modules cache
-        uses: actions/cache@v3
-        id: node-cache
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - name: install
-        if: steps.node-cache.outputs.cache-hit != 'true'
-        run: yarn install
-      - name: postinstall
-        if: steps.node-cache.outputs.cache-hit == 'true'
-        run: yarn postinstall
-      - name: Update Icons
-        run: yarn workspace @navikt/ds-icons update
-        env:
-          FIGMA_TOKEN: ${{ secrets.FIGMA_IKONER_API }}
-      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3
-        with:
-          token: ${{ secrets.GIT_REPO }}
-          commit-message: "Ikoner synket fra figma"
-          branch: figma-icons-sync
-          committer: GitHub <noreply@github.com>
-          author: ${{ github.actor }} <${{ github.actor }}@users.noreply.github.com>
-          signoff: false
-          delete-branch: true
-          title: "Ikonsynk Figma"
@@ -1,39 +0,0 @@
-name: Update tokens
-
-on:
-  workflow_dispatch:
-
-jobs:
-  update:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 14
-      - name: Node-modules cache
-        uses: actions/cache@v3
-        id: node-cache
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - name: install
-        if: steps.node-cache.outputs.cache-hit != 'true'
-        run: yarn install
-      - name: postinstall
-        if: steps.node-cache.outputs.cache-hit == 'true'
-        run: yarn postinstall
-      - name: Update tokens
-        run: yarn workspace @navikt/ds-tokens update
-        env:
-          FIGMA_TOKEN: ${{ secrets.FIGMA_IKONER_API }}
-      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          branch: figma-tokens-sync
-          delete-branch: true
-          title: "Tokens sync Figma"
-          commit-message: "Tokens synket fra figma"
-          committer: GitHub <noreply@github.com>
-          signoff: false
@@ -150,4 +150,5 @@ playwright-report/
 /test-results/
 backup-*.tar.gz
 sitemap-urls.json
-*.tar.gz
+*.tar.gz
+searchindex.json
@@ -10,6 +10,11 @@ module.exports = (indexers) => {
  const exampleIndexer = async (fileName: string, opts) => {
    let code = readFileSync(fileName, "utf-8").toString();

+    code = code
+      .split("\n")
+      .filter((line) => !line.includes("withDsExample"))
+      .join("\n");
+
    code = code.replace("export const args =", "const args =");

    code += `\nexport default { title: "Eksempler/${fileName
@@ -6,19 +6,11 @@ import { Meta, Canvas } from "@storybook/addon-docs";

 [Dokumentasjon](https://aksel.nav.no/komponenter)

-### Core
-
 ```bash
 yarn add @navikt/ds-react @navikt/ds-css
 ```

-### Interne-flater
-
-```bash
-yarn add @navikt/ds-react-internal @navikt/ds-css-internal
-```
-
-### Ikoner
+## Ikoner

 [Dokumentasjon](https://aksel.nav.no/ikoner)

@@ -26,7 +18,7 @@ yarn add @navikt/ds-react-internal @navikt/ds-css-internal
 yarn add @navikt/aksel-icons
 ```

-### Bruk
+## Bruk

 ```jsx
 import { Heading } from "@navikt/ds-react";
@@ -1,5 +1,4 @@
 const storyIndexers = require("./indexer");
-
 const path = require("path");
 const { mergeConfig } = require("vite");

@@ -23,6 +22,7 @@ module.exports = {
  addons: [
    "@storybook/addon-a11y",
    "@whitespace/storybook-addon-html",
+    "@storybook/addon-interactions",
    {
      name: "@storybook/addon-storysource",
      options: {
@@ -58,15 +58,11 @@ module.exports = {
  },
  async viteFinal(config) {
    return mergeConfig(config, {
-      define: { "process.env": {} },
+      define: {
+        "process.env": {},
+      },
      resolve: {
        alias: [
-          /*
-          // Example
-          {
-            find: "@components",
-            replacement: path.resolve(__dirname, "./src/components"),
-          }, */
          {
            find: "components",
            replacement: path.resolve(
@@ -74,6 +70,13 @@ module.exports = {
              "../aksel.nav.no/website/components"
            ),
          },
+          {
+            find: "@utils",
+            replacement: path.resolve(
+              __dirname,
+              "../aksel.nav.no/website/components/website-modules/utils/index.ts"
+            ),
+          },
        ],
      },
    });
@@ -1,11 +1,10 @@
 import "@navikt/ds-css/index.css";
-import "@navikt/ds-css-internal/index.css";
 import "./layout.css";

 export const parameters = {
  options: {
    storySort: {
-      method: "",
+      method: "alphabetical",
      order: ["Intro", "ds-react", ["form"], ["Default"], "ds-icons"],
      locales: "",
    },
@@ -1,17 +1,107 @@
 # @navikt/aksel-icons

-## 2.7.3
+## 4.8.0

-## 2.7.2
+## 4.7.4

-## 2.7.1
+## 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

- [`7d9517cf9`](https://github.com/navikt/aksel/commit/7d9517cf90331b57441a0787a04eef66efd1b9b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Public-access for ny ikonpakke i GPR
+- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054))
+
+## 3.2.3
+
+### Patch Changes
+
+- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))
+
+## 2.9.8
+
+### Patch Changes
+
+- Oppdatert Statusikoner til å være tydeligere og mer konsistente. ([PR](https://github.com/navikt/aksel/pull/1959))
+
+## 2.9.7
+
+### Patch Changes
+
+- Fikset `CheckmarkIcon`-bug
+
+## 2.9.6
+
+### Patch Changes
+
+- Fikset `CheckmarkCircleIcon`-bug ([PR](https://github.com/navikt/aksel/pull/1956))
+
+## 2.9.3
+
+### Patch Changes
+
+- Nye ikoner `BulletList` og `NumberList` ([PR](https://github.com/navikt/aksel/pull/1950))
+
+## 2.8.15
+
+### Patch Changes
+
+- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928))
+
+## 2.8.13
+
+### Patch Changes
+
+- Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921))
+
+## 2.8.11
+
+### Patch Changes
+
+- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909))
+
+## 2.8.8
+
+### Patch Changes
+
+- Nye ikoner `VideoSlash` og `VideoSlashFill`
+
+## 2.8.4
+
+### Patch Changes
+
+- Fikset Sourcemap-bug
+
+## 2.7.7
+
+### Patch Changes
+
+- Nye ikoner `CaretUpDownFilledDown`, `CaretUpDownFilledUp`, `CloudDown`, `CloudDownFill`, `CloudUp`, `CloudUpFill`, `HddDown`, `HddDownFill`, `HddUp`, `HddUpFill`, `Inbox`, `InboxDown`, `InboxDownFill`, `InboxFill`, `InboxUp`, `InboxUpFill`, `ShoppingBasket`, `ShoppingBasketFill`
+
+## 2.7.4
+
+### Patch Changes
+
+- 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))
@@ -42,6 +42,7 @@ export const fetchIcon = async (url) => {
  return await fetch(url)
    .then((x) => x.text())
    .catch((e) => {
+      console.log("Error fetching icon: ", e.message);
      throw e.message;
    });
 };
@@ -34,7 +34,11 @@ async function main() {
  console.log(`Laster ned ${Object.keys(images).length} ikoner`);

  for (const [key, value] of Object.entries(images)) {
-    const icon = await fetchIcon(value);
+    const icon = await fetchIcon(value).catch((e) => {
+      throw e;
+    });
+    await new Promise((r) => setTimeout(r, 20));
+
    icon &&
      writeFileSync(
        resolve(iconFolder, resolveName(icons.find((x) => x.node_id === key))),
@@ -24,6 +24,11 @@ fs.writeFileSync(
  `const metadata = ${JSON.stringify(metadata)};\n\n module.exports = metadata;`
 );

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

  declare const metadata: {
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+!src
+!*.d.ts
@@ -0,0 +1,22 @@
+![](/src/assets/gh-cover.png)
+
+# Aksel Icons plugin
+
+Pluginen gir deg mulighet til å se gjennom og hente ut alle ikonene i fra ikonpakken `@navikt/aksel-icons`. Du slipper da å hente nye oppdateringer fra Figma Community.
+
+Referer til [ikon-dokumentasjonen](https://aksel.nav.no/ikoner) for å se alle ikonene.
+Har du ønsker om nye ikoner, eller ønsker å bidra med å lage nye, lag et issue på [GitHub-repoet for designsystemet](https://github.com/navikt/aksel).
+
+## Quickstart
+
+- `yarn dev` for development
+- `yarn build` for production-build
+
+### Test with Figma
+
+- Open `Figma` -> `Plugins` -> `Development` -> `Import plugin from manifest...` and choose `manifest.json` file from this repo.
+
+### Publish to Figma
+
+- Open `Figma` -> `Plugins` -> `Find more plugins` -> `Publish new versions`
+  (requires publish-access)
@@ -0,0 +1,10 @@
+{
+  "name": "Aksel Icons",
+  "id": "1221057403873975172",
+  "api": "1.0.0",
+  "main": "dist/plugin.js",
+  "ui": "dist/index.html",
+  "capabilities": [],
+  "enableProposedApi": false,
+  "editorType": ["figma", "figjam"]
+}
@@ -0,0 +1,35 @@
+{
+  "name": "aksel-icons-figma-plugin",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite -c ./vite.config.ui.ts",
+    "build:icon-plugin": "tsc && npm run build:ui && npm run build:plugin",
+    "build:ui": "vite build -c ./vite.config.ui.ts --emptyOutDir",
+    "build:plugin": "vite build -c ./vite.config.plugin.ts",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@navikt/ds-css": "*",
+    "@navikt/ds-react": "*",
+    "fuse.js": "^6.6.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@figma/plugin-typings": "^1.62.0",
+    "@svgr/core": "^6.5.1",
+    "@types/node": "^18.15.11",
+    "@types/postcss-url": "^10.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^3.1.0",
+    "postcss": "^8.4.0",
+    "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"
+  }
+}
@@ -0,0 +1,31 @@
+/* eslint-disable import/no-anonymous-default-export */
+import fs from "fs";
+import { Plugin } from "vite";
+
+function svgToDataURL(svgStr: string) {
+  const encoded = encodeURIComponent(svgStr)
+    .replace(/'/g, "%27")
+    .replace(/"/g, "%22");
+
+  const header = "data:image/svg+xml,";
+  const dataUrl = header + encoded;
+
+  return dataUrl;
+}
+
+export default function (): Plugin {
+  return {
+    name: "vite-inline-svg",
+    enforce: "pre",
+
+    async load(id) {
+      const [path, query] = id.split("?", 2);
+
+      if (!path.endsWith(".svg")) return;
+      if (query !== "inline") return;
+
+      const svg = await fs.promises.readFile(path, "utf-8");
+      return `export default "${svgToDataURL(svg)}"`;
+    },
+  };
+}
@@ -0,0 +1,50 @@
+import { createFilter, FilterPattern } from "@rollup/pluginutils";
+import type { Config } from "@svgr/core";
+import fs from "fs";
+import type { Plugin } from "vite";
+import { transformWithEsbuild } from "vite";
+
+export interface ViteSvgrOptions {
+  svgrOptions?: Config;
+  esbuildOptions?: Parameters<typeof transformWithEsbuild>[2];
+  exclude?: FilterPattern;
+  include?: FilterPattern;
+}
+
+export default function viteSvgr({
+  svgrOptions,
+  esbuildOptions,
+  include = "**/*.svg?component",
+  exclude,
+}: ViteSvgrOptions = {}): Plugin {
+  const filter = createFilter(include, exclude);
+
+  return {
+    name: "vite-svgr-component",
+
+    async transform(code, id) {
+      if (filter(id)) {
+        const { transform } = await import("@svgr/core");
+        const svgCode = await fs.promises.readFile(
+          id.replace(/\?.*$/, ""),
+          "utf8"
+        );
+
+        const componentCode = await transform(svgCode, svgrOptions, {
+          filePath: id,
+          caller: { previousExport: null },
+        });
+
+        const res = await transformWithEsbuild(componentCode, id, {
+          loader: "jsx",
+          ...esbuildOptions,
+        });
+
+        return {
+          code: res.code,
+          map: null,
+        };
+      }
+    },
+  };
+}
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 170 170" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.07318 54.5734C-0.692218 51.806 -0.690888 47.3204 2.07614 44.5546L38.6019 8.04512C38.7787 7.8684 38.9576 7.69433 39.1387 7.52295L39.1205 7.50476C42.7235 3.90124 47.1588 1.63753 51.8075 0.71364C53.8316 0.243049 55.9182 1.07479e-05 58.0297 1.01387e-05L142.517 0C157.695 5.55246e-06 170 12.3065 170 27.4874V111.958C170 113.916 169.791 115.852 169.386 117.737C168.522 122.523 166.241 127.103 162.542 130.803L162.533 130.794C162.342 130.997 162.148 131.197 161.95 131.395L125.425 167.925C122.659 170.692 118.174 170.692 115.408 167.925C112.642 165.158 112.642 160.673 115.408 157.906L151.933 121.376C153.698 119.61 154.917 117.4 155.48 115.008C155.999 111.779 155.014 108.355 152.525 105.866L64.1955 17.5236C61.632 14.9597 58.0865 13.9765 54.7698 14.574C52.4605 15.1572 50.3292 16.3547 48.6162 18.0669L12.0905 54.5764C9.32349 57.3422 4.83857 57.3409 2.07318 54.5734ZM80.8759 14.1688L155.833 89.1374V27.4874C155.833 20.1317 149.871 14.1688 142.517 14.1688L80.8759 14.1688Z" fill="#004367"/>
+<path d="M2.07466 167.925C-0.691554 165.158 -0.691554 160.673 2.07466 157.906L65.8247 94.1468C68.5909 91.3801 73.0758 91.3801 75.842 94.1468C78.6082 96.9134 78.6082 101.399 75.842 104.166L12.092 167.925C9.32579 170.692 4.84087 170.692 2.07466 167.925Z" fill="#004367"/>
+</svg>
@@ -0,0 +1,21 @@
+/* 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 }, "*");
+    });
+  },
+});
@@ -0,0 +1,21 @@
+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")
+  );
+}
@@ -0,0 +1,42 @@
+/* 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();
+    }
+  }
+}
@@ -0,0 +1,19 @@
+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}"`);
+  }
+}
@@ -0,0 +1,17 @@
+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()}!`;
+  }
+}
@@ -0,0 +1,24 @@
+/* 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),
+    })
+  );
+}
@@ -0,0 +1,48 @@
+/* eslint-disable no-undef */
+
+figma.showUI(__html__, { width: 480, height: 600 });
+
+figma.ui.onmessage = (msg) => {
+  if (msg.type === "create-icon") {
+    const nodes = [];
+
+    const icon = figma.createNodeFromSvg(msg.svg);
+    icon.name = msg.name;
+    icon.resize(msg.size, msg.size);
+    nodes.push(icon);
+
+    figma.currentPage.appendChild(icon);
+
+    figma.viewport.scrollAndZoomIntoView(nodes);
+
+    figma.ui.postMessage({
+      type: "create-icon",
+      message: `Created ${msg.name} icon}`,
+    });
+  }
+};
+
+// https://github.com/figma/plugin-samples#icon-drag-and-drop
+figma.on("drop", (event) => {
+  const { files, node } = event;
+
+  if (files.length > 0 && files[0].type === "image/svg+xml") {
+    files[0].getTextAsync().then((text) => {
+      const newNode = figma.createNodeFromSvg(text);
+      newNode.name = `${files[0].name.replace(".svg", "")}Icon`;
+      newNode.resize(24, 24);
+
+      // We can only append page nodes to documents
+      if ("appendChild" in node && node.type !== "DOCUMENT") {
+        node.appendChild(newNode);
+      }
+
+      newNode.x = event.x;
+      newNode.y = event.y;
+
+      figma.currentPage.selection = [newNode];
+    });
+
+    return false;
+  }
+});
@@ -0,0 +1,193 @@
+import { Heading, Search, ToggleGroup } from "@navikt/ds-react";
+import Fuse from "fuse.js";
+import { useEffect, useMemo, useState } from "react";
+import * as Icons from "../../../";
+import meta from "../../../dist/metadata";
+import "./app.css";
+import { categorizeIcons, getFillIcon } from "./utils";
+
+const fuseStroke = new Fuse(
+  Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke"),
+  {
+    threshold: 0.2,
+    keys: [
+      { name: "name", weight: 3 },
+      { name: "category", weight: 2 },
+      { name: "sub_category", weight: 2 },
+      { name: "keywords", weight: 3 },
+      { name: "variant", weight: 1 },
+    ],
+    shouldSort: false,
+  }
+);
+
+const fuseFill = new Fuse(getFillIcon(Object.values(meta)), {
+  threshold: 0.2,
+  keys: [
+    { name: "name", weight: 3 },
+    { name: "category", weight: 2 },
+    { name: "sub_category", weight: 2 },
+    { name: "keywords", weight: 3 },
+    { name: "variant", weight: 1 },
+  ],
+  shouldSort: false,
+});
+
+const App = () => {
+  const [query, setQuery] = useState("");
+  const [toggle, setToggle] = useState<"stroke" | "fill">("stroke");
+
+  const [strokeIcons] = useState(
+    Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke")
+  );
+
+  const [fillIcons] = useState(getFillIcon(Object.values(meta)));
+
+  const categories = useMemo(() => {
+    if (toggle === "fill") {
+      return categorizeIcons(
+        query
+          ? fuseFill.search(query).map((result) => result.item as any)
+          : fillIcons
+      );
+    }
+    return categorizeIcons(
+      query
+        ? fuseStroke.search(query).map((result) => result.item as any)
+        : strokeIcons
+    );
+  }, [toggle, query, strokeIcons, fillIcons]);
+
+  const onCreate = (id: string, name: string) => {
+    let svg = document.getElementById(id)?.outerHTML;
+    let size = 24;
+    // eslint-disable-next-line no-restricted-globals
+    parent.postMessage(
+      {
+        pluginMessage: {
+          type: "create-icon",
+          svg,
+          size,
+          name,
+        },
+      },
+      "*"
+    );
+  };
+
+  useEffect(() => {
+    const dragEvent = (e) => {
+      // Don't proceed if the item was dropped inside the plugin window.
+      if (e.view.length === 0) {
+        return;
+      }
+
+      const file = new File([e.target.innerHTML], `${e.target.id}.svg`, {
+        type: "image/svg+xml",
+      });
+
+      window.parent.postMessage(
+        {
+          pluginDrop: {
+            clientX: e.clientX,
+            clientY: e.clientY,
+            files: [file],
+            name: e.target.id,
+          },
+        },
+        "*"
+      );
+    };
+
+    const icons = document.getElementsByClassName("icon-classname");
+    for (const icon of icons) {
+      icon.addEventListener("dragend", dragEvent);
+    }
+
+    return () => {
+      for (const icon of icons) {
+        icon.removeEventListener("dragend", dragEvent);
+      }
+    };
+  }, [categories]);
+
+  return (
+    <main tabIndex={-1} className="wrapper">
+      <form onSubmit={(e) => e.preventDefault()} className="form">
+        <div className="form-togglegroup">
+          <ToggleGroup
+            value={toggle}
+            onChange={(v) => setToggle(v as any)}
+            variant="neutral"
+          >
+            <ToggleGroup.Item value="stroke">Stroke</ToggleGroup.Item>
+            <ToggleGroup.Item value="fill">Fill</ToggleGroup.Item>
+          </ToggleGroup>
+        </div>
+        <div className="form-search">
+          <Search
+            variant="simple"
+            label="Ikonsøk"
+            style={{ border: "none" }}
+            placeholder="Søk"
+            autoComplete="off"
+            onChange={setQuery}
+            value={query}
+            clearButton={false}
+          />
+        </div>
+      </form>
+
+      <div className="categories">
+        {categories.map((cat) => {
+          return (
+            <div key={cat.category}>
+              <Heading level="2" size="small" spacing>
+                {cat.category}
+              </Heading>
+              <div className="sub-categories">
+                {cat.sub_categories.map((sub) => {
+                  return (
+                    <div key={sub.sub_category}>
+                      <Heading level="3" size="xsmall" className="sub-heading">
+                        {sub.sub_category}
+                      </Heading>
+                      <div className="icons-wrapper">
+                        {sub.icons.map((i) => {
+                          const T = Icons[`${i.id}Icon`];
+                          if (T === undefined) {
+                            console.log(i);
+                            return null;
+                          }
+                          return (
+                            <button
+                              key={i.id}
+                              id={i.id}
+                              onClick={() => {
+                                onCreate(`icon-id-${i.id}`, `${i.id}Icon`);
+                              }}
+                              draggable="true"
+                              className="icon-classname icon-button"
+                            >
+                              <T
+                                font-size="2rem"
+                                title={i.id}
+                                id={`icon-id-${i.id}`}
+                              />
+                            </button>
+                          );
+                        })}
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </main>
+  );
+};
+
+export default App;
@@ -0,0 +1,79 @@
+@import "@navikt/ds-css";
+
+.wrapper {
+  background-color: var(--a-bg-default);
+}
+
+.form {
+  border-bottom: 1px solid var(--a-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  height: fit-content;
+  width: 100%;
+  gap: 1rem;
+  padding-block: 0.5rem;
+  padding-inline: 1rem;
+  background-color: var(--a-bg-default);
+}
+
+.form-togglegroup {
+  min-width: 10rem;
+}
+
+.form-search {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  width: 100%;
+}
+
+.categories {
+  display: grid;
+  width: 100%;
+  place-content: start;
+  gap: 2rem;
+  padding: 1.5rem;
+}
+
+.sub-categories {
+  display: grid;
+  width: 100%;
+  gap: 0.5rem;
+}
+
+.sub-heading {
+  color: var(--a-text-subtle);
+  margin-bottom: 0.25rem;
+}
+
+.icons-wrapper {
+  gap: 0.125rem;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.icon-button {
+  min-height: 3rem;
+  min-width: 3rem;
+  border-radius: 2px;
+  display: grid;
+  place-content: center;
+  background-color: var(--a-surface-default);
+  cursor: pointer;
+  border: none;
+}
+
+.icon-button:hover {
+  background-color: var(--a-surface-hover);
+}
+
+.icon-button:active {
+  background-color: var(--a-surface-neutral-subtle-hover);
+}
+
+.icon-button:focus-visible {
+  outline: 2px solid var(--a-border-focus);
+}
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Aksel icons</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,9 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
@@ -0,0 +1,56 @@
+import meta from "@navikt/aksel-icons/metadata";
+
+const subCategorizeIcons = (
+  icons: typeof meta[1][]
+): { sub_category: string; icons: typeof meta[1][] }[] => {
+  const categories: { sub_category: string; icons: typeof meta[1][] }[] = [];
+
+  for (const icon of icons) {
+    const i = categories.findIndex(
+      ({ sub_category }) => icon.sub_category === sub_category
+    );
+    i !== -1
+      ? categories[i].icons.push(icon)
+      : categories.push({ sub_category: icon.sub_category, icons: [icon] });
+  }
+  return categories.sort((a, b) =>
+    a.sub_category.localeCompare(b.sub_category)
+  );
+};
+
+export const categorizeIcons = (
+  icons: typeof meta[1][]
+): {
+  category: string;
+  sub_categories: { sub_category: string; icons: typeof meta[1][] }[];
+}[] => {
+  const categories: {
+    category: string;
+    icons: typeof meta[1][];
+  }[] = [];
+
+  for (const icon of icons) {
+    const i = categories.findIndex(
+      ({ category }) => icon.category === category
+    );
+    i !== -1
+      ? categories[i].icons.push(icon)
+      : categories.push({ category: icon.category, icons: [icon] });
+  }
+  return categories
+    .sort((a, b) => a.category.localeCompare(b.category))
+    .map((x) => ({ ...x, sub_categories: subCategorizeIcons(x.icons) }));
+};
+
+const noFill = (icon: typeof meta[1], icons: typeof meta[1][]) => {
+  const foundFill = icons.find(
+    (x) => x.name.endsWith("Fill") && x.name.replace("Fill", "") === icon.name
+  );
+  return !foundFill;
+};
+
+export const getFillIcon = (icons: typeof meta[1][]) => {
+  return icons.filter(
+    (x, _, z) => x.variant.toLowerCase() === "fill" || noFill(x, z)
+  );
+};
@@ -0,0 +1,30 @@
+/// <reference types="vite/client" />
+
+declare module "*.svg?component" {
+  import * as React from "react";
+
+  const ReactComponent: React.FunctionComponent<
+    React.ComponentProps<"svg"> & { title?: string }
+  >;
+
+  export default ReactComponent;
+}
+
+declare module "**/metadata.mjs" {
+  export type AkselIcon = {
+    id: string;
+    name: string;
+    category: string;
+    sub_category: "Time";
+    keywords: string[];
+    variant: "stroke" | "fill";
+    updated_at: Date;
+    created_at: Date;
+  };
+
+  declare const metadata: {
+    [iconId: string]: AkselIcon;
+  };
+
+  export default metadata;
+}
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "CommonJS",
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": false,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "rootDir": ".",
+    "baseUrl": ".",
+    "outDir": "dist/",
+    "sourceMap": false,
+    "noImplicitAny": false,
+    "types": ["@figma/plugin-typings"]
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx"
+  ],
+  "exclude": ["src/common/**/*"]
+}
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "vite.config.plugin.ts",
+    "vite.config.ui.ts",
+    "./scripts/vite/*.ts"
+  ]
+}
@@ -0,0 +1,17 @@
+import path from "path";
+import { defineConfig } from "vite";
+import { viteSingleFile } from "vite-plugin-singlefile";
+
+export default defineConfig({
+  plugins: [viteSingleFile()],
+  build: {
+    lib: {
+      name: "Aksel Icons",
+      entry: path.resolve(__dirname, "./src/plugin/plugin.ts"),
+      fileName: "plugin",
+      formats: ["es"],
+    },
+    emptyOutDir: false,
+    outDir: path.resolve(__dirname, "./dist"),
+  },
+});
@@ -0,0 +1,25 @@
+import { defineConfig } from "vite";
+import path from "path";
+
+import { viteSingleFile } from "vite-plugin-singlefile";
+import react from "@vitejs/plugin-react";
+
+import inlineSvg from "./scripts/vite/vite-inline-svg";
+import svgComponent from "./scripts/vite/vite-svgr-component";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), svgComponent(), inlineSvg(), viteSingleFile()],
+  root: path.resolve(__dirname, "./src/ui/"),
+  build: {
+    outDir: path.resolve(__dirname, "./dist"),
+    rollupOptions: {
+      input: {
+        ui: path.relative(__dirname, "./src/ui/index.html"),
+      },
+      output: {
+        entryFileNames: "[name].js",
+      },
+    },
+  },
+});
@@ -15,5 +15,5 @@ keywords:
  - skråning
  - helning
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 22.05.2023
 created_at: 07.03.2023
@@ -13,5 +13,5 @@ keywords:
  - reload
  - oppdater
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 03.04.2023
 created_at: 07.03.2023
@@ -11,5 +11,5 @@ keywords:
  - åpnet
  - opened
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 12.04.2023
 created_at: 07.03.2023
@@ -8,5 +8,5 @@ keywords:
  - back
  - tilbake
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 11.04.2023
 created_at: 07.03.2023
@@ -13,5 +13,5 @@ keywords:
  - forward
  - videresend
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 20.04.2023
 created_at: 07.03.2023
@@ -9,5 +9,5 @@ keywords:
  - frem
  - fram
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 11.04.2023
 created_at: 07.03.2023
@@ -11,5 +11,5 @@ keywords:
  - overføring
  - overgang
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 24.04.2023
 created_at: 07.03.2023
@@ -12,5 +12,5 @@ keywords:
  - ombestemt
  - back
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 21.04.2023
 created_at: 07.03.2023
@@ -10,5 +10,5 @@ keywords:
  - close
  - lukke
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 12.04.2023
 created_at: 07.03.2023
@@ -13,5 +13,5 @@ keywords:
  - oppfrisking
  - oppdatering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 25.04.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="M17.75 18.1893L17.75 9.5C17.75 9.08579 17.4142 8.75 17 8.75C16.5858 8.75 16.25 9.08579 16.25 9.5L16.25 18.1893L14.0303 15.9697C13.7374 15.6768 13.2626 15.6768 12.9697 15.9697C12.6768 16.2626 12.6768 16.7374 12.9697 17.0303L16.4697 20.5303C16.5416 20.6022 16.6245 20.6565 16.7129 20.6931C16.8013 20.7298 16.8983 20.75 17 20.75C17.1017 20.75 17.1987 20.7298 17.2871 20.6931C17.3755 20.6565 17.4584 20.6022 17.5303 20.5303L21.0303 17.0303C21.3232 16.7374 21.3232 16.2626 21.0303 15.9697C20.7374 15.6768 20.2626 15.6768 19.9697 15.9697L17.75 18.1893ZM11.0303 6.96967L7.53033 3.46967C7.45842 3.39776 7.37555 3.34351 7.28709 3.30691C7.19866 3.27024 7.10169 3.25 7 3.25C6.80806 3.25 6.61612 3.32322 6.46967 3.46967L2.96967 6.96967C2.67678 7.26256 2.67678 7.73744 2.96967 8.03033C3.26256 8.32322 3.73744 8.32322 4.03033 8.03033L6.25 5.81066L6.25 14.5C6.25 14.9142 6.58579 15.25 7 15.25C7.41421 15.25 7.75 14.9142 7.75 14.5L7.75 5.81066L9.96967 8.03033C10.2626 8.32322 10.7374 8.32322 11.0303 8.03033C11.3232 7.73744 11.3232 7.26256 11.0303 6.96967Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5303 21.0303C17.2374 21.3232 16.7626 21.3232 16.4697 21.0303L12.9697 17.5303C12.6768 17.2374 12.6768 16.7626 12.9697 16.4697C13.2626 16.1768 13.7374 16.1768 14.0303 16.4697L16.25 18.6893L16.25 9.5C16.25 9.08579 16.5858 8.75 17 8.75C17.4142 8.75 17.75 9.08579 17.75 9.5L17.75 18.6893L19.9697 16.4697C20.2626 16.1768 20.7374 16.1768 21.0303 16.4697C21.3232 16.7626 21.3232 17.2374 21.0303 17.5303L17.5303 21.0303ZM11.0303 6.46967L7.53033 2.96967C7.23744 2.67678 6.76256 2.67678 6.46967 2.96967L2.96967 6.46967C2.67678 6.76256 2.67678 7.23744 2.96967 7.53033C3.26256 7.82322 3.73744 7.82322 4.03033 7.53033L6.25 5.31066L6.25 14.5C6.25 14.9142 6.58579 15.25 7 15.25C7.41421 15.25 7.75 14.9142 7.75 14.5L7.75 5.31066L9.96967 7.53033C10.2626 7.82322 10.7374 7.82322 11.0303 7.53033C11.3232 7.23744 11.3232 6.76256 11.0303 6.46967Z" fill="#262626"/>
 </svg>
@@ -9,5 +9,5 @@ keywords:
  - sortering
  - sorting
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 24.04.2023
 created_at: 07.03.2023
@@ -2,7 +2,7 @@ name: BellDot
 category: Status
 sub_category: Notification
 keywords:
-  - "English: alert"
+  - alert
  - message
  - update
  - reminder
@@ -13,5 +13,5 @@ keywords:
  - påminnelse
  - notifikasjon
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -2,7 +2,7 @@ name: BellDotFill
 category: Status
 sub_category: Notification
 keywords:
-  - "English: alert"
+  - alert
  - message
  - update
  - reminder
@@ -13,5 +13,5 @@ keywords:
  - påminnelse
  - notifikasjon
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -4,5 +4,5 @@ sub_category: Vehicles
 keywords:
  - sykkel
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 12.04.2023
 created_at: 07.03.2023
@@ -15,5 +15,5 @@ keywords:
  - Sammenføye
  - Kildekontroll
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 24.05.2023
 created_at: 07.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 5.75C3.86193 5.75 3.75 5.86193 3.75 6C3.75 6.13807 3.86193 6.25 4 6.25C4.13807 6.25 4.25 6.13807 4.25 6C4.25 5.86193 4.13807 5.75 4 5.75ZM2.25 6C2.25 5.0335 3.0335 4.25 4 4.25C4.9665 4.25 5.75 5.0335 5.75 6C5.75 6.9665 4.9665 7.75 4 7.75C3.0335 7.75 2.25 6.9665 2.25 6ZM3.75 12C3.75 11.8619 3.86193 11.75 4 11.75C4.13807 11.75 4.25 11.8619 4.25 12C4.25 12.1381 4.13807 12.25 4 12.25C3.86193 12.25 3.75 12.1381 3.75 12ZM4 10.25C3.0335 10.25 2.25 11.0335 2.25 12C2.25 12.9665 3.0335 13.75 4 13.75C4.9665 13.75 5.75 12.9665 5.75 12C5.75 11.0335 4.9665 10.25 4 10.25ZM3.75 18C3.75 17.8619 3.86193 17.75 4 17.75C4.13807 17.75 4.25 17.8619 4.25 18C4.25 18.1381 4.13807 18.25 4 18.25C3.86193 18.25 3.75 18.1381 3.75 18ZM4 16.25C3.0335 16.25 2.25 17.0335 2.25 18C2.25 18.9665 3.0335 19.75 4 19.75C4.9665 19.75 5.75 18.9665 5.75 18C5.75 17.0335 4.9665 16.25 4 16.25ZM9 17.25C8.58579 17.25 8.25 17.5858 8.25 18C8.25 18.4142 8.58579 18.75 9 18.75H21C21.4142 18.75 21.75 18.4142 21.75 18C21.75 17.5858 21.4142 17.25 21 17.25H9ZM8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H21C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12ZM9 5.25C8.58579 5.25 8.25 5.58579 8.25 6C8.25 6.41421 8.58579 6.75 9 6.75H21C21.4142 6.75 21.75 6.41421 21.75 6C21.75 5.58579 21.4142 5.25 21 5.25H9Z" fill="#262626"/>
+</svg>
@@ -1,10 +1,11 @@
-name: List
+name: BulletList
 category: Statistics and math
 sub_category: Tabular
 keywords:
  - liste
  - rekkefølge
  - order
+  - punktliste
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 28.04.2023
 created_at: 07.03.2023
@@ -10,5 +10,5 @@ keywords:
  - åpner
  - mer
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 9.25C6.19665 9.25 5.92318 9.43273 5.80709 9.71299C5.691 9.99324 5.75517 10.3158 5.96967 10.5303L11.4697 16.0303C11.7626 16.3232 12.2374 16.3232 12.5303 16.0303L18.0303 10.5303C18.2448 10.3158 18.309 9.99324 18.1929 9.71299C18.0768 9.43273 17.8033 9.25 17.5 9.25H6.5Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,14 @@
+name: CaretDownFill
+category: Arrows
+sub_category: Caret
+keywords:
+  - down
+  - ned
+  - expand
+  - expanding
+  - åpne
+  - åpner
+  - mer
+variant: Fill
+updated_at: 10.03.2023
+created_at: 10.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="M14.287 5.80711C14.5673 5.9232 14.75 6.19668 14.75 6.50002V17.5C14.75 17.8034 14.5673 18.0768 14.287 18.1929C14.0068 18.309 13.6842 18.2449 13.4697 18.0304L7.96967 12.5303C7.82902 12.3897 7.75 12.1989 7.75 12C7.75 11.8011 7.82902 11.6103 7.96967 11.4697L13.4697 5.96969C13.6842 5.75519 14.0068 5.69103 14.287 5.80711ZM9.56066 12L13.25 15.6894V8.31068L9.56066 12Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.037 6.55711C15.3173 6.6732 15.5 6.94668 15.5 7.25002L15.5 18.25C15.5 18.5534 15.3173 18.8268 15.037 18.9429C14.7568 19.059 14.4342 18.9949 14.2197 18.7804L8.71967 13.2804C8.42678 12.9875 8.42678 12.5126 8.71967 12.2197L14.2197 6.71969C14.4342 6.50519 14.7568 6.44103 15.037 6.55711ZM14 9.06068L10.3107 12.75L14 16.4394L14 9.06068Z" fill="#262626"/>
 </svg>
@@ -2,9 +2,13 @@ name: CaretLeft
 category: Arrows
 sub_category: Caret
 keywords:
-  - left
-  - venstre
-  - side
+  - down
+  - ned
+  - expand
+  - expanding
+  - åpne
+  - åpner
+  - mer
 variant: Stroke
-updated_at: 08.03.2023
-created_at: 07.03.2023
+updated_at: 10.03.2023
+created_at: 10.03.2023
@@ -6,5 +6,5 @@ keywords:
  - venstre
  - side
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -6,5 +6,5 @@ keywords:
  - venstre
  - side
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7.25001C15.5 6.94666 15.3173 6.67318 15.037 6.5571C14.7567 6.44101 14.4342 6.50518 14.2197 6.71968L8.71965 12.2197C8.42676 12.5126 8.42676 12.9874 8.71965 13.2803L14.2197 18.7803C14.4342 18.9948 14.7567 19.059 15.037 18.9429C15.3173 18.8268 15.5 18.5534 15.5 18.25L15.5 7.25001Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,14 @@
+name: CaretLeftFill
+category: Arrows
+sub_category: Caret
+keywords:
+  - down
+  - ned
+  - expand
+  - expanding
+  - åpne
+  - åpner
+  - mer
+variant: Fill
+updated_at: 10.03.2023
+created_at: 10.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0303 7.96968C15.8158 7.75518 15.4932 7.69101 15.213 7.8071C14.9327 7.92318 14.75 8.19666 14.75 8.50001V15.5C14.75 15.8034 14.9327 16.0768 15.213 16.1929C15.4932 16.309 15.8158 16.2448 16.0303 16.0303L19.5303 12.5303C19.671 12.3897 19.75 12.1989 19.75 12C19.75 11.8011 19.671 11.6103 19.5303 11.4697L16.0303 7.96968ZM17.9393 12L16.25 13.6893V10.3107L17.9393 12ZM9.25 8.50001C9.25 8.19666 9.06727 7.92318 8.78701 7.8071C8.50676 7.69101 8.18417 7.75518 7.96967 7.96968L4.46967 11.4697C4.17678 11.7626 4.17678 12.2374 4.46967 12.5303L7.96967 16.0303C8.18417 16.2448 8.50676 16.309 8.78701 16.1929C9.06727 16.0768 9.25 15.8034 9.25 15.5L9.25 8.50001ZM7.75 13.6893L6.06066 12L7.75 10.3107V13.6893Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: CaretLeftRight
+category: Arrows
+sub_category: Caret
+keywords:
+  - widen
+  - bredde
+  - åpne
+  - expand
+  - utvide
+variant: Stroke
+updated_at: 13.03.2023
+created_at: 10.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.213 16.1929C14.9328 16.0768 14.75 15.8034 14.75 15.5V8.50001C14.75 8.19666 14.9328 7.92318 15.213 7.8071C15.4933 7.69101 15.8159 7.75518 16.0304 7.96968L19.5304 11.4697C19.8233 11.7626 19.8233 12.2374 19.5304 12.5303L16.0304 16.0303C15.8159 16.2448 15.4933 16.309 15.213 16.1929ZM4.4697 12.5303C4.17681 12.2374 4.17681 11.7626 4.4697 11.4697L7.9697 7.96968C8.1842 7.75518 8.50679 7.69101 8.78704 7.8071C9.0673 7.92318 9.25003 8.19666 9.25003 8.50001L9.25003 15.5C9.25003 15.8034 9.0673 16.0768 8.78704 16.1929C8.50679 16.309 8.1842 16.2448 7.9697 16.0303L4.4697 12.5303Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: CaretLeftRightFill
+category: Arrows
+sub_category: Caret
+keywords:
+  - widen
+  - bredde
+  - åpne
+  - expand
+  - utvide
+variant: Fill
+updated_at: 13.03.2023
+created_at: 10.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="M9.71299 5.80711C9.99324 5.69103 10.3158 5.75519 10.5303 5.96969L16.0303 11.4697C16.3232 11.7626 16.3232 12.2375 16.0303 12.5304L10.5303 18.0304C10.3158 18.2449 9.99324 18.309 9.71299 18.1929C9.43273 18.0768 9.25 17.8034 9.25 17.5V6.50002C9.25 6.19668 9.43273 5.9232 9.71299 5.80711ZM10.75 8.31068V15.6894L14.4393 12L10.75 8.31068Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.96299 18.9429C8.68273 18.8268 8.5 18.5533 8.5 18.25L8.5 7.24998C8.5 6.94663 8.68273 6.67315 8.96299 6.55707C9.24324 6.44098 9.56583 6.50515 9.78033 6.71965L15.2803 12.2196C15.5732 12.5125 15.5732 12.9874 15.2803 13.2803L9.78033 18.7803C9.56583 18.9948 9.24324 19.059 8.96299 18.9429ZM10 16.4393L13.6893 12.75L10 9.06064L10 16.4393Z" fill="#262626"/>
 </svg>
@@ -2,9 +2,13 @@ name: CaretRight
 category: Arrows
 sub_category: Caret
 keywords:
-  - right
-  - høyre
-  - side
+  - down
+  - ned
+  - expand
+  - expanding
+  - åpne
+  - åpner
+  - mer
 variant: Stroke
-updated_at: 08.03.2023
-created_at: 07.03.2023
+updated_at: 10.03.2023
+created_at: 10.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 18.25C8.5 18.5534 8.68273 18.8268 8.96299 18.9429C9.24324 19.059 9.56583 18.9948 9.78033 18.7803L15.2803 13.2803C15.5732 12.9874 15.5732 12.5126 15.2803 12.2197L9.78033 6.71968C9.56583 6.50518 9.24324 6.44101 8.96299 6.5571C8.68273 6.67318 8.5 6.94666 8.5 7.25001L8.5 18.25Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,14 @@
+name: CaretRightFill
+category: Arrows
+sub_category: Caret
+keywords:
+  - down
+  - ned
+  - expand
+  - expanding
+  - åpne
+  - åpner
+  - mer
+variant: Fill
+updated_at: 10.03.2023
+created_at: 10.03.2023
@@ -10,5 +10,5 @@ keywords:
  - lukk
  - lukke
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -8,6 +8,8 @@ keywords:
  - Utvide/skjule
  - vise/skjule
  - bytte
+  - sort
+  - sorter
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 13.03.2023
 created_at: 07.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 4.46967C11.7626 4.17678 12.2374 4.17678 12.5303 4.46967L16.0303 7.96967C16.2448 8.18417 16.309 8.50676 16.1929 8.78701C16.0768 9.06727 15.8034 9.25 15.5 9.25H8.50001C8.19666 9.25 7.92318 9.06727 7.8071 8.78701C7.69101 8.50676 7.75518 8.18417 7.96968 7.96967L11.4697 4.46967ZM7.8071 15.213C7.92318 14.9327 8.19666 14.75 8.50001 14.75H15.5C15.8034 14.75 16.0768 14.9327 16.1929 15.213C16.309 15.4932 16.2448 15.8158 16.0303 16.0303L12.5303 19.5303C12.2374 19.8232 11.7626 19.8232 11.4697 19.5303L7.96968 16.0303C7.75518 15.8158 7.69101 15.4932 7.8071 15.213Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,15 @@
+name: CaretUpDownFill
+category: Arrows
+sub_category: Caret
+keywords:
+  - Expand/collapse
+  - show/hide
+  - toggle
+  - Utvide/skjule
+  - vise/skjule
+  - bytte
+  - sort
+  - sorter
+variant: Fill
+updated_at: 13.03.2023
+created_at: 10.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 4.46967C12.2374 4.17678 11.7626 4.17678 11.4697 4.46967L7.96966 7.96967C7.75516 8.18417 7.691 8.50676 7.80708 8.78701C7.92317 9.06727 8.19664 9.25 8.49999 9.25H15.5C15.8033 9.25 16.0768 9.06727 16.1929 8.78701C16.309 8.50676 16.2448 8.18417 16.0303 7.96967L12.5303 4.46967ZM12 6.06066L13.6893 7.75H10.3107L12 6.06066ZM8.49999 14.75C8.19664 14.75 7.92317 14.9327 7.80708 15.213C7.691 15.4932 7.75516 15.8158 7.96966 16.0303L11.4697 19.5303C11.7626 19.8232 12.2374 19.8232 12.5303 19.5303L16.0303 16.0303C16.2448 15.8158 16.309 15.4932 16.1929 15.213C16.0768 14.9327 15.8033 14.75 15.5 14.75H8.49999Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,15 @@
+name: CaretUpDownFilledDown
+category: Arrows
+sub_category: Caret
+keywords:
+  - Expand/collapse
+  - show/hide
+  - toggle
+  - Utvide/skjule
+  - vise/skjule
+  - bytte
+  - sort
+  - sorter
+variant: Stroke
+updated_at: 13.03.2023
+created_at: 13.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 4.46967C12.2374 4.17678 11.7626 4.17678 11.4697 4.46967L7.96966 7.96967C7.75516 8.18417 7.691 8.50676 7.80708 8.78701C7.92317 9.06727 8.19664 9.25 8.49999 9.25H15.5C15.8033 9.25 16.0768 9.06727 16.1929 8.78701C16.309 8.50676 16.2448 8.18417 16.0303 7.96967L12.5303 4.46967ZM8.49999 14.75C8.19664 14.75 7.92317 14.9327 7.80708 15.213C7.691 15.4932 7.75516 15.8158 7.96966 16.0303L11.4697 19.5303C11.7626 19.8232 12.2374 19.8232 12.5303 19.5303L16.0303 16.0303C16.2448 15.8158 16.309 15.4932 16.1929 15.213C16.0768 14.9327 15.8033 14.75 15.5 14.75H8.49999ZM12 17.9393L10.3107 16.25H13.6893L12 17.9393Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,15 @@
+name: CaretUpDownFilledUp
+category: Arrows
+sub_category: Caret
+keywords:
+  - Expand/collapse
+  - show/hide
+  - toggle
+  - Utvide/skjule
+  - vise/skjule
+  - bytte
+  - sort
+  - sorter
+variant: Stroke
+updated_at: 13.03.2023
+created_at: 13.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 7.96967C12.2374 7.67678 11.7626 7.67678 11.4697 7.96967L5.96967 13.4697C5.75517 13.6842 5.691 14.0068 5.80709 14.287C5.92318 14.5673 6.19665 14.75 6.5 14.75H17.5C17.8033 14.75 18.0768 14.5673 18.1929 14.287C18.309 14.0068 18.2448 13.6842 18.0303 13.4697L12.5303 7.96967Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,14 @@
+name: CaretUpFill
+category: Arrows
+sub_category: Caret
+keywords:
+  - up
+  - opp
+  - collapse
+  - collapsing
+  - kollaps
+  - lukk
+  - lukke
+variant: Fill
+updated_at: 10.03.2023
+created_at: 10.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="M19.0303 6.96967C19.3232 7.26256 19.3232 7.73744 19.0303 8.03033L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303L4.96967 12.0303C4.67678 11.7374 4.67678 11.2626 4.96967 10.9697C5.26256 10.6768 5.73744 10.6768 6.03033 10.9697L10 14.9393L17.9697 6.96967C18.2626 6.67678 18.7374 6.67678 19.0303 6.96967Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9983 6.93942C19.3079 7.21461 19.3357 7.68866 19.0606 7.99825L11.0606 16.9983C10.9233 17.1526 10.7285 17.2436 10.522 17.2497C10.3156 17.2557 10.1157 17.1764 9.96967 17.0303L4.96967 12.0303C4.67678 11.7374 4.67678 11.2625 4.96967 10.9696C5.26256 10.6768 5.73744 10.6768 6.03033 10.9696L10.4679 15.4072L17.9394 7.0017C18.2146 6.69212 18.6887 6.66423 18.9983 6.93942Z" fill="#262626"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - fullføring
  - validering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.05.2023
 created_at: 07.03.2023
@@ -15,5 +15,5 @@ keywords:
  - fullføring
  - validering
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 04.05.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 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM16.5725 9.48447C16.8401 9.16827 16.8007 8.69503 16.4845 8.42748C16.1683 8.15992 15.695 8.19935 15.4275 8.51556L10.454 14.3933L8.03033 11.9697C7.73744 11.6768 7.26256 11.6768 6.96967 11.9697C6.67678 12.2626 6.67678 12.7375 6.96967 13.0303L9.96967 16.0303C10.118 16.1787 10.3216 16.2581 10.5312 16.2494C10.7407 16.2407 10.9371 16.1446 11.0725 15.9845L16.5725 9.48447Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75ZM16.9536 9.27485C17.2434 8.93229 17.2007 8.41962 16.8582 8.12977C16.5156 7.83991 16.0029 7.88263 15.7131 8.22519L10.3251 14.5928L7.69952 11.9672C7.38222 11.6499 6.86778 11.6499 6.55048 11.9672C6.23317 12.2845 6.23317 12.7989 6.55048 13.1162L9.80048 16.3662C9.96114 16.5269 10.1817 16.6129 10.4088 16.6035C10.6358 16.594 10.8485 16.49 10.9953 16.3165L16.9536 9.27485Z" fill="#262626"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - fullføring
  - validering
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 04.05.2023
 created_at: 07.03.2023