Version Packages (#1876 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
🌐 Textarea-tekster (#1875 )
2026-10-13 09:12:03 +00:00 · 2023-03-23 13:04:48 +01:00 · 2023-03-23 13:01:49 +01:00 · 2023-03-21 14:36:39 +01:00 · 2023-03-21 14:22:57 +01:00 · 2023-03-21 14:20:30 +01:00
184 changed files with 4037 additions and 1664 deletions
@@ -5,9 +5,6 @@ on:
    branches:
      - next

-env:
-  IMAGE: ghcr.io/navikt/aksel
-
 jobs:
  snyk-monitor:
    name: monitor dependencies
@@ -57,6 +54,10 @@ jobs:
          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 +81,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 +99,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 }}
@@ -116,18 +116,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 +135,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 +142,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 }}
@@ -23,6 +23,8 @@ module.exports = {
  addons: [
    "@storybook/addon-a11y",
    "@whitespace/storybook-addon-html",
+    "storybook-addon-next-router",
+
    {
      name: "@storybook/addon-storysource",
      options: {
@@ -74,8 +76,31 @@ module.exports = {
              "../aksel.nav.no/website/components"
            ),
          },
+          {
+            find: "@utils",
+            replacement: path.resolve(
+              __dirname,
+              "../aksel.nav.no/website/components/website-modules/utils/index.ts"
+            ),
+          },
+          {
+            find: "@lib",
+            replacement: path.resolve(
+              __dirname,
+              "../aksel.nav.no/website/lib/index.ts"
+            ),
+          },
        ],
      },
    });
  },
 };
+
+/* "@/components": ["components/index.ts"],
+      "@/lib": ["lib/index.ts"],
+      "@/pages/*": ["pages/*"],
+      "@/sanity-block": ["components/SanityBlockContent.tsx"],
+      "@/utils": ["components/website-modules/utils/index.ts"],
+      "@/layout": ["components/layout/index.ts"],
+      "@/error-boundary": ["components/website-modules/ErrorBoundary.tsx"],
+      "@/sanity-client": ["lib/sanity/sanity.server"] */
@@ -1,3 +1,4 @@
+import { RouterContext } from "next/dist/shared/lib/router-context";
 import "@navikt/ds-css/index.css";
 import "@navikt/ds-css-internal/index.css";
 import "./layout.css";
@@ -23,6 +24,9 @@ export const parameters = {
      },
    ],
  },
+  nextRouter: {
+    Provider: RouterContext.Provider,
+  },
 };

 export const globalTypes = {
@@ -1,5 +1,66 @@
 # @navikt/aksel-icons

+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
+## 2.8.0
+
+## 2.7.8
+
+## 2.7.7
+
+### Patch Changes
+
+- [`a22ac3eb7`](https://github.com/navikt/aksel/commit/a22ac3eb78135bf93d4771802475396849809c03) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :Sparkles: Nye ikoner
+
+  - :tada: CaretUpDownFilledDown
+  - :tada: CaretUpDownFilledUp
+  - :tada: CloudDown
+  - :tada: CloudDownFill
+  - :tada: CloudUp
+  - :tada: CloudUpFill
+  - :tada: HddDown
+  - :tada: HddDownFill
+  - :tada: HddUp
+  - :tada: HddUpFill
+  - :tada: Inbox
+  - :tada: InboxDown
+  - :tada: InboxDownFill
+  - :tada: InboxFill
+  - :tada: InboxUp
+  - :tada: InboxUpFill
+  - :tada: ShoppingBasket
+  - :tada: ShoppingBasketFill
+
+## 2.7.6
+
+## 2.7.5
+
+## 2.7.4
+
+### Patch Changes
+
+- [#1852](https://github.com/navikt/aksel/pull/1852) [`a4fd1dd22`](https://github.com/navikt/aksel/commit/a4fd1dd227b9b56b747f962aa0c2b2dc9b4e30a4) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikonpakke med nye ikoner :rocket:
+
+  - :tada: CaretDownFill
+  - :tada: CaretLeft
+  - :tada: CaretLeftFill
+  - :tada: CaretLeftRight
+  - :tada: CaretLeftRightFill
+  - :tada: CaretRight
+  - :tada: CaretRightFill
+  - :tada: CaretUpDownFill
+  - :tada: CaretUpFill
+  - :tada: Escalator
+  - :tada: Moon
+  - :tada: MoonFill
+  - :fire: EscalatorStroke
+
+## 2.7.3
+
 ## 2.7.2

 ## 2.7.1
@@ -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))),
@@ -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
@@ -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
@@ -8,5 +8,5 @@ keywords:
  - barn
  - baby
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -8,5 +8,5 @@ keywords:
  - barn
  - baby
 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="M11 2.25C7.82436 2.25 5.25 4.82436 5.25 8C5.25 8.05204 5.23332 8.10074 5.17648 8.15677C5.11189 8.22043 4.99963 8.28479 4.8508 8.315C3.36703 8.61619 2.25 9.92681 2.25 11.5C2.25 13.2949 3.70507 14.75 5.5 14.75H9C9.41421 14.75 9.75 14.4142 9.75 14C9.75 13.5858 9.41421 13.25 9 13.25H5.5C4.5335 13.25 3.75 12.4665 3.75 11.5C3.75 10.6542 4.35073 9.9471 5.1492 9.78502C5.89549 9.63353 6.75 9.03827 6.75 8C6.75 5.65279 8.65279 3.75 11 3.75C12.487 3.75 13.7961 4.51307 14.5567 5.6725C14.6561 5.82399 14.746 5.98213 14.8256 6.14608C15.1136 6.73916 15.7216 7.25 16.5052 7.25H17.25C18.9069 7.25 20.25 8.59315 20.25 10.25C20.25 11.9069 18.9069 13.25 17.25 13.25H15C14.5858 13.25 14.25 13.5858 14.25 14C14.25 14.4142 14.5858 14.75 15 14.75H17.25C19.7353 14.75 21.75 12.7353 21.75 10.25C21.75 7.76472 19.7353 5.75 17.25 5.75H16.5052C16.415 5.75 16.2685 5.68362 16.1749 5.49078C16.067 5.26867 15.9453 5.05462 15.8109 4.84976C14.7849 3.28562 13.0136 2.25 11 2.25ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V18.6893L14.9697 16.4697C15.2626 16.1768 15.7374 16.1768 16.0303 16.4697C16.3232 16.7626 16.3232 17.2374 16.0303 17.5303L12.5303 21.0303C12.4584 21.1022 12.3755 21.1565 12.2871 21.1931C12.1987 21.2298 12.1017 21.25 12 21.25C11.9871 21.25 11.9742 21.2497 11.9614 21.249C11.8738 21.2446 11.7901 21.2251 11.7129 21.1931C11.6245 21.1565 11.5416 21.1022 11.4697 21.0303L7.96967 17.5303C7.67678 17.2374 7.67678 16.7626 7.96967 16.4697C8.26256 16.1768 8.73744 16.1768 9.03033 16.4697L11.25 18.6893V11C11.25 10.5858 11.5858 10.25 12 10.25Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,11 @@
+name: CloudDown
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - Sky
+  - download
+  - nedlasting
+  - last ned
+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="M5.25 8C5.25 4.82436 7.82436 2.25 11 2.25C13.0136 2.25 14.7849 3.28562 15.8109 4.84976C15.9453 5.05462 16.067 5.26867 16.1749 5.49078C16.2685 5.68362 16.415 5.75 16.5052 5.75H17.25C19.7353 5.75 21.75 7.76472 21.75 10.25C21.75 12.7353 19.7353 14.75 17.25 14.75H14.5C14.3619 14.75 14.25 14.6381 14.25 14.5V11C14.25 9.75736 13.2426 8.75 12 8.75C10.7574 8.75 9.75 9.75736 9.75 11V14.5C9.75 14.6381 9.63807 14.75 9.5 14.75H5.5C3.70507 14.75 2.25 13.2949 2.25 11.5C2.25 9.92681 3.36703 8.61619 4.8508 8.315C4.99963 8.28479 5.11189 8.22043 5.17648 8.15677C5.23332 8.10074 5.25 8.05204 5.25 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V18.6893L14.9697 16.4697C15.2626 16.1768 15.7374 16.1768 16.0303 16.4697C16.3232 16.7626 16.3232 17.2374 16.0303 17.5303L12.5303 21.0303C12.4584 21.1022 12.3755 21.1565 12.2871 21.1931C12.1987 21.2298 12.1017 21.25 12 21.25C11.9871 21.25 11.9742 21.2497 11.9614 21.249C11.8738 21.2446 11.7901 21.2251 11.7129 21.1931C11.6245 21.1565 11.5416 21.1022 11.4697 21.0303L7.96967 17.5303C7.67678 17.2374 7.67678 16.7626 7.96967 16.4697C8.26256 16.1768 8.73744 16.1768 9.03033 16.4697L11.25 18.6893V11C11.25 10.5858 11.5858 10.25 12 10.25Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,11 @@
+name: CloudDownFill
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - Sky
+  - download
+  - nedlasting
+  - last ned
+variant: Fill
+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="M11 2.25C7.82436 2.25 5.25 4.82436 5.25 8C5.25 8.05204 5.23332 8.10074 5.17648 8.15677C5.11189 8.22043 4.99963 8.28479 4.8508 8.315C3.36703 8.61619 2.25 9.92681 2.25 11.5C2.25 13.2949 3.70507 14.75 5.5 14.75C5.91421 14.75 6.25 14.4142 6.25 14C6.25 13.5858 5.91421 13.25 5.5 13.25C4.5335 13.25 3.75 12.4665 3.75 11.5C3.75 10.6542 4.35073 9.9471 5.1492 9.78502C5.89549 9.63353 6.75 9.03827 6.75 8C6.75 5.65279 8.65279 3.75 11 3.75C12.487 3.75 13.7961 4.51307 14.5567 5.6725C14.6561 5.82399 14.746 5.98213 14.8256 6.14608C15.1136 6.73916 15.7216 7.25 16.5052 7.25H17.25C18.9069 7.25 20.25 8.59315 20.25 10.25C20.25 11.555 19.4163 12.6673 18.2501 13.0795C17.8595 13.2175 17.6548 13.646 17.7929 14.0366C17.9309 14.4271 18.3594 14.6318 18.7499 14.4937C20.4967 13.8764 21.75 12.2105 21.75 10.25C21.75 7.76472 19.7353 5.75 17.25 5.75H16.5052C16.415 5.75 16.2685 5.68362 16.1749 5.49078C16.067 5.26867 15.9453 5.05462 15.8109 4.84976C14.7849 3.28562 13.0136 2.25 11 2.25ZM11.4697 10.4697C11.5416 10.3978 11.6245 10.3435 11.7129 10.3069C11.8013 10.2702 11.8983 10.25 12 10.25C12.1017 10.25 12.1987 10.2702 12.2871 10.3069C12.3755 10.3435 12.4584 10.3978 12.5303 10.4697L16.0303 13.9697C16.3232 14.2626 16.3232 14.7374 16.0303 15.0303C15.7374 15.3232 15.2626 15.3232 14.9697 15.0303L12.75 12.8107V20.5C12.75 20.9142 12.4142 21.25 12 21.25C11.5858 21.25 11.25 20.9142 11.25 20.5V12.8107L9.03033 15.0303C8.73744 15.3232 8.26256 15.3232 7.96967 15.0303C7.67678 14.7374 7.67678 14.2626 7.96967 13.9697L11.4697 10.4697Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,11 @@
+name: CloudUp
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - sky
+  - upload
+  - opplasting
+  - last opp
+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="M5.25 8C5.25 4.82436 7.82436 2.25 11 2.25C13.0136 2.25 14.7849 3.28562 15.8109 4.84976C15.9453 5.05462 16.067 5.26867 16.1749 5.49078C16.2685 5.68362 16.415 5.75 16.5052 5.75H17.25C19.7353 5.75 21.75 7.76472 21.75 10.25C21.75 12.4644 20.1505 14.3053 18.0438 14.6802C17.8876 14.708 17.7543 14.5749 17.7484 14.4163C17.7282 13.8687 17.509 13.3271 17.091 12.909L13.591 9.40901C12.7123 8.53033 11.2877 8.53033 10.409 9.40901L6.90901 12.909C6.477 13.341 6.25739 13.905 6.25018 14.4712C6.24829 14.6202 6.13353 14.75 5.98452 14.75H5.5C3.70507 14.75 2.25 13.2949 2.25 11.5C2.25 9.92681 3.36703 8.61619 4.8508 8.315C4.99963 8.28479 5.11189 8.22043 5.17648 8.15677C5.23332 8.10074 5.25 8.05204 5.25 8ZM11.4697 10.4697C11.5416 10.3978 11.6245 10.3435 11.7129 10.3069C11.8013 10.2702 11.8983 10.25 12 10.25C12.1017 10.25 12.1987 10.2702 12.2871 10.3069C12.3755 10.3435 12.4584 10.3978 12.5303 10.4697L16.0303 13.9697C16.3232 14.2626 16.3232 14.7374 16.0303 15.0303C15.7374 15.3232 15.2626 15.3232 14.9697 15.0303L12.75 12.8107V20.5C12.75 20.9142 12.4142 21.25 12 21.25C11.5858 21.25 11.25 20.9142 11.25 20.5V12.8107L9.03033 15.0303C8.73744 15.3232 8.26256 15.3232 7.96967 15.0303C7.67678 14.7374 7.67678 14.2626 7.96967 13.9697L11.4697 10.4697Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,11 @@
+name: CloudUpFill
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - sky
+  - upload
+  - opplasting
+  - last opp
+variant: Fill
+updated_at: 13.03.2023
+created_at: 13.03.2023
@@ -1,9 +1,9 @@
-name: EscalatorStroke
+name: Escalator
 category: Accessibility
 sub_category: Mobility
 keywords:
  - trapp
  - rulletrapp
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 09.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="M4.00001 3.25C3.5858 3.25 3.25001 3.58579 3.25001 4L3.25 12.5C3.25 12.6989 3.32902 12.8897 3.46967 13.0303C3.61032 13.171 3.80109 13.25 4 13.25H9C9.41421 13.25 9.75 12.9142 9.75 12.5C9.75 12.0858 9.41421 11.75 9 11.75H4.75L4.75001 4.75L19.25 4.75L19.25 11.75H15C14.5858 11.75 14.25 12.0858 14.25 12.5C14.25 12.9142 14.5858 13.25 15 13.25H20C20.4142 13.25 20.75 12.9142 20.75 12.5L20.75 4C20.75 3.80109 20.671 3.61032 20.5303 3.46967C20.3897 3.32902 20.1989 3.25 20 3.25H4.00001ZM15.5 6.25C15.0858 6.25 14.75 6.58579 14.75 7C14.75 7.41421 15.0858 7.75 15.5 7.75H17C17.4142 7.75 17.75 7.41421 17.75 7C17.75 6.58579 17.4142 6.25 17 6.25H15.5ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V18.6893L14.9697 16.4697C15.2626 16.1768 15.7374 16.1768 16.0303 16.4697C16.3232 16.7626 16.3232 17.2374 16.0303 17.5303L12.5303 21.0303C12.4584 21.1022 12.3755 21.1565 12.2871 21.1931C12.1987 21.2298 12.1017 21.25 12 21.25C11.9871 21.25 11.9742 21.2497 11.9614 21.249C11.8738 21.2446 11.7901 21.2251 11.7129 21.1931C11.6245 21.1565 11.5416 21.1022 11.4697 21.0303L7.96967 17.5303C7.67678 17.2374 7.67678 16.7626 7.96967 16.4697C8.26256 16.1768 8.73744 16.1768 9.03033 16.4697L11.25 18.6893V11C11.25 10.5858 11.5858 10.25 12 10.25ZM14.75 9.5C14.75 9.08579 15.0858 8.75 15.5 8.75H17C17.4142 8.75 17.75 9.08579 17.75 9.5C17.75 9.91421 17.4142 10.25 17 10.25H15.5C15.0858 10.25 14.75 9.91421 14.75 9.5Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: HddDown
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - lagring
+  - hardisk
+  - download
+  - nedlasting
+  - last ned
+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="M3.25001 4C3.25001 3.58579 3.5858 3.25 4.00001 3.25H20C20.1989 3.25 20.3897 3.32902 20.5303 3.46967C20.671 3.61032 20.75 3.80109 20.75 4L20.75 12.5C20.75 12.9142 20.4142 13.25 20 13.25H14.5C14.3619 13.25 14.25 13.1381 14.25 13V11C14.25 9.75736 13.2426 8.75 12 8.75C10.7574 8.75 9.75 9.75736 9.75 11V13C9.75 13.1381 9.63807 13.25 9.5 13.25H4C3.80109 13.25 3.61032 13.171 3.46967 13.0303C3.32902 12.8897 3.25 12.6989 3.25 12.5L3.25001 4ZM16.5 6.25C16.0858 6.25 15.75 6.58579 15.75 7C15.75 7.41421 16.0858 7.75 16.5 7.75H18C18.4142 7.75 18.75 7.41421 18.75 7C18.75 6.58579 18.4142 6.25 18 6.25H16.5ZM15.75 9.5C15.75 9.08579 16.0858 8.75 16.5 8.75H18C18.4142 8.75 18.75 9.08579 18.75 9.5C18.75 9.91421 18.4142 10.25 18 10.25H16.5C16.0858 10.25 15.75 9.91421 15.75 9.5ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V18.6893L14.9697 16.4697C15.2626 16.1768 15.7374 16.1768 16.0303 16.4697C16.3232 16.7626 16.3232 17.2374 16.0303 17.5303L12.5303 21.0303C12.4584 21.1022 12.3755 21.1565 12.2871 21.1931C12.1987 21.2298 12.1017 21.25 12 21.25C11.9871 21.25 11.9742 21.2497 11.9614 21.249C11.8738 21.2446 11.7901 21.2251 11.7129 21.1931C11.6245 21.1565 11.5416 21.1022 11.4697 21.0303L7.96967 17.5303C7.67678 17.2374 7.67678 16.7626 7.96967 16.4697C8.26256 16.1768 8.73744 16.1768 9.03033 16.4697L11.25 18.6893V11C11.25 10.5858 11.5858 10.25 12 10.25Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: HddDownFill
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - lagring
+  - hardisk
+  - download
+  - nedlasting
+  - last ned
+variant: Fill
+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="M4.00001 3.25C3.5858 3.25 3.25001 3.58579 3.25001 4L3.25 12.5C3.25 12.6989 3.32902 12.8897 3.46967 13.0303C3.61032 13.171 3.80109 13.25 4 13.25H6C6.41421 13.25 6.75 12.9142 6.75 12.5C6.75 12.0858 6.41421 11.75 6 11.75H4.75L4.75001 4.75L19.25 4.75L19.25 11.75H18C17.5858 11.75 17.25 12.0858 17.25 12.5C17.25 12.9142 17.5858 13.25 18 13.25H20C20.4142 13.25 20.75 12.9142 20.75 12.5L20.75 4C20.75 3.80109 20.671 3.61032 20.5303 3.46967C20.3897 3.32902 20.1989 3.25 20 3.25H4.00001ZM15.5 6.25C15.0858 6.25 14.75 6.58579 14.75 7C14.75 7.41421 15.0858 7.75 15.5 7.75H17C17.4142 7.75 17.75 7.41421 17.75 7C17.75 6.58579 17.4142 6.25 17 6.25H15.5ZM11.4697 10.4697C11.5416 10.3978 11.6245 10.3435 11.7129 10.3069C11.8013 10.2702 11.8983 10.25 12 10.25C12.1017 10.25 12.1987 10.2702 12.2871 10.3069C12.3755 10.3435 12.4584 10.3978 12.5303 10.4697L16.0303 13.9697C16.3232 14.2626 16.3232 14.7374 16.0303 15.0303C15.7374 15.3232 15.2626 15.3232 14.9697 15.0303L12.75 12.8107V20.5C12.75 20.9142 12.4142 21.25 12 21.25C11.5858 21.25 11.25 20.9142 11.25 20.5V12.8107L9.03033 15.0303C8.73744 15.3232 8.26256 15.3232 7.96967 15.0303C7.67678 14.7374 7.67678 14.2626 7.96967 13.9697L11.4697 10.4697ZM14.75 9.5C14.75 9.08579 15.0858 8.75 15.5 8.75H17C17.4142 8.75 17.75 9.08579 17.75 9.5C17.75 9.91421 17.4142 10.25 17 10.25H15.5C15.0858 10.25 14.75 9.91421 14.75 9.5Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: HddUp
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - lagring
+  - hardisk
+  - upload
+  - opplasting
+  - last opp
+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="M3.25001 4C3.25001 3.58579 3.5858 3.25 4.00001 3.25H20C20.1989 3.25 20.3897 3.32902 20.5303 3.46967C20.671 3.61032 20.75 3.80109 20.75 4L20.75 12.5C20.75 12.9142 20.4142 13.25 20 13.25H17.5048C17.4214 13.25 17.3443 13.2078 17.2938 13.1414C17.2324 13.0605 17.1648 12.9828 17.091 12.909L13.591 9.40901C12.7123 8.53033 11.2877 8.53033 10.409 9.40901L6.90901 12.909C6.8352 12.9828 6.76758 13.0605 6.70617 13.1414C6.65572 13.2078 6.57859 13.25 6.49518 13.25H4C3.80109 13.25 3.61032 13.171 3.46967 13.0303C3.32902 12.8897 3.25 12.6989 3.25 12.5L3.25001 4ZM16.5 6.25C16.0858 6.25 15.75 6.58579 15.75 7C15.75 7.41421 16.0858 7.75 16.5 7.75H18C18.4142 7.75 18.75 7.41421 18.75 7C18.75 6.58579 18.4142 6.25 18 6.25H16.5ZM15.75 9.5C15.75 9.08579 16.0858 8.75 16.5 8.75H18C18.4142 8.75 18.75 9.08579 18.75 9.5C18.75 9.91421 18.4142 10.25 18 10.25H16.5C16.0858 10.25 15.75 9.91421 15.75 9.5ZM11.4697 10.4697C11.5416 10.3978 11.6245 10.3435 11.7129 10.3069C11.8013 10.2702 11.8983 10.25 12 10.25C12.1017 10.25 12.1987 10.2702 12.2871 10.3069C12.3755 10.3435 12.4584 10.3978 12.5303 10.4697L16.0303 13.9697C16.3232 14.2626 16.3232 14.7374 16.0303 15.0303C15.7374 15.3232 15.2626 15.3232 14.9697 15.0303L12.75 12.8107V20.5C12.75 20.9142 12.4142 21.25 12 21.25C11.5858 21.25 11.25 20.9142 11.25 20.5V12.8107L9.03033 15.0303C8.73744 15.3232 8.26256 15.3232 7.96967 15.0303C7.67678 14.7374 7.67678 14.2626 7.96967 13.9697L11.4697 10.4697Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: HddUpFill
+category: Files and application
+sub_category: Data transfer
+keywords:
+  - lagring
+  - hardisk
+  - upload
+  - opplasting
+  - last opp
+variant: Fill
+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="M5.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.30995 12.2057C2.28926 12.2541 2.27353 12.3051 2.26338 12.3582C2.25311 12.4112 2.24877 12.4644 2.24999 12.517V19C2.24999 19.4142 2.58577 19.75 2.99999 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.517C21.7512 12.4643 21.7469 12.4111 21.7366 12.358C21.7264 12.3051 21.7107 12.2541 21.69 12.2057L18.6963 4.72146C18.5824 4.43671 18.3067 4.25 18 4.25H5.99999ZM19.8922 11.75L17.4922 5.75H6.50776L4.10776 11.75H6.88195C7.5448 11.75 8.15076 12.1245 8.4472 12.7174L9.39441 14.6118C9.43676 14.6965 9.52333 14.75 9.61802 14.75H14.382C14.4766 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922ZM3.74999 18.25V13.25H6.88195C6.97664 13.25 7.06321 13.3035 7.10556 13.3882L8.05277 15.2826C8.34921 15.8755 8.95517 16.25 9.61802 16.25H14.382C15.0448 16.25 15.6508 15.8755 15.9472 15.2826L16.8944 13.3882C16.9368 13.3035 17.0233 13.25 17.118 13.25H20.25V18.25H3.74999Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,10 @@
+name: Inbox
+category: Interface
+sub_category: Communication
+keywords:
+  - innboks
+  - email
+  - e-post
+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 3.25C12.4142 3.25 12.75 3.58579 12.75 4V9.68934L14.9697 7.46967C15.2625 7.17678 15.7374 7.17678 16.0303 7.46967C16.3232 7.76256 16.3232 8.23744 16.0303 8.53033L12.5303 12.0303C12.2374 12.3232 11.7625 12.3232 11.4697 12.0303L7.96966 8.53033C7.67676 8.23744 7.67676 7.76256 7.96966 7.46967C8.26255 7.17678 8.73742 7.17678 9.03032 7.46967L11.25 9.68934V4C11.25 3.58579 11.5858 3.25 12 3.25ZM5.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.31015 12.2052C2.28856 12.2556 2.27234 12.3089 2.26222 12.3643C2.25283 12.415 2.24885 12.466 2.24997 12.5164V19C2.24997 19.4142 2.58576 19.75 2.99997 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.5169C21.7512 12.4645 21.7469 12.4116 21.7367 12.3588C21.7266 12.3055 21.7108 12.2542 21.69 12.2056L18.6963 4.72146C18.5824 4.43671 18.3067 4.25 18 4.25H15C14.5858 4.25 14.25 4.58579 14.25 5C14.25 5.41421 14.5858 5.75 15 5.75H17.4922L19.8922 11.75H17.118C16.4552 11.75 15.8492 12.1245 15.5528 12.7174L14.6055 14.6118C14.5632 14.6965 14.4766 14.75 14.3819 14.75H9.61801C9.52331 14.75 9.43675 14.6965 9.3944 14.6118L8.44719 12.7174C8.15075 12.1245 7.54479 11.75 6.88194 11.75H4.10776L6.50776 5.75H8.99999C9.4142 5.75 9.74999 5.41421 9.74999 5C9.74999 4.58579 9.4142 4.25 8.99999 4.25H5.99999ZM3.74997 13.25V18.25H20.25V13.25H17.118C17.0233 13.25 16.9367 13.3035 16.8944 13.3882L15.9472 15.2826C15.6507 15.8755 15.0448 16.25 14.3819 16.25H9.61801C8.95515 16.25 8.34919 15.8755 8.05276 15.2826L7.10554 13.3882C7.0632 13.3035 6.97663 13.25 6.88194 13.25H3.74997Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: InboxDown
+category: Interface
+sub_category: Communication
+keywords:
+  - innboks
+  - email
+  - e-post
+  - motta
+  - receive
+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 3.25C12.4142 3.25 12.75 3.58579 12.75 4V9.68934L14.9697 7.46967C15.2626 7.17678 15.7374 7.17678 16.0303 7.46967C16.3232 7.76256 16.3232 8.23744 16.0303 8.53033L12.5303 12.0303C12.2374 12.3232 11.7626 12.3232 11.4697 12.0303L7.96967 8.53033C7.67678 8.23744 7.67678 7.76256 7.96967 7.46967C8.26256 7.17678 8.73744 7.17678 9.03033 7.46967L11.25 9.68934V4C11.25 3.58579 11.5858 3.25 12 3.25ZM5.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.30973 12.2062C2.28996 12.2526 2.27473 12.3014 2.2646 12.352C2.25342 12.4072 2.24869 12.4627 2.25 12.5176V19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.517C21.7512 12.4636 21.7467 12.4096 21.7362 12.3558C21.726 12.3037 21.7104 12.2534 21.69 12.2057L18.6964 4.72146C18.5825 4.43671 18.3067 4.25 18 4.25H15C14.5858 4.25 14.25 4.58579 14.25 5C14.25 5.41421 14.5858 5.75 15 5.75H17.4922L19.8922 11.75H17.118C16.4552 11.75 15.8492 12.1245 15.5528 12.7174L14.6056 14.6118C14.5632 14.6965 14.4767 14.75 14.382 14.75H9.61803C9.52334 14.75 9.43678 14.6965 9.39443 14.6118L8.44721 12.7174C8.15078 12.1245 7.54482 11.75 6.88197 11.75H4.10776L6.50776 5.75H8.99999C9.4142 5.75 9.74999 5.41421 9.74999 5C9.74999 4.58579 9.4142 4.25 8.99999 4.25H5.99999Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: InboxDownFill
+category: Interface
+sub_category: Communication
+keywords:
+  - innboks
+  - email
+  - e-post
+  - motta
+  - receive
+variant: Fill
+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="M5.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.30973 12.2062C2.28996 12.2526 2.27473 12.3014 2.2646 12.352C2.25342 12.4072 2.24869 12.4627 2.25 12.5176V19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.5164C21.7511 12.4659 21.7471 12.4148 21.7377 12.3639C21.7275 12.3086 21.7114 12.2555 21.6898 12.2052L18.6963 4.72146C18.5824 4.43671 18.3067 4.25 18 4.25H5.99999ZM19.8922 11.75L17.4922 5.75H6.50776L4.10776 11.75H6.88197C7.54482 11.75 8.15078 12.1245 8.44721 12.7174L9.39443 14.6118C9.43678 14.6965 9.52334 14.75 9.61803 14.75H14.382C14.4767 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,10 @@
+name: InboxFill
+category: Interface
+sub_category: Communication
+keywords:
+  - innboks
+  - email
+  - e-post
+variant: Fill
+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 3.46967C12.2374 3.17678 11.7625 3.17678 11.4697 3.46967L7.96966 6.96967C7.67676 7.26256 7.67676 7.73744 7.96966 8.03033C8.26255 8.32322 8.73742 8.32322 9.03032 8.03033L11.25 5.81066V11.5C11.25 11.9142 11.5858 12.25 12 12.25C12.4142 12.25 12.75 11.9142 12.75 11.5V5.81066L14.9697 8.03033C15.2625 8.32322 15.7374 8.32322 16.0303 8.03033C16.3232 7.73744 16.3232 7.26256 16.0303 6.96967L12.5303 3.46967ZM5.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.31015 12.2052C2.28856 12.2556 2.27234 12.3089 2.26222 12.3643C2.25283 12.415 2.24885 12.466 2.24997 12.5164V19C2.24997 19.4142 2.58576 19.75 2.99997 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.5169C21.7512 12.4645 21.7469 12.4116 21.7367 12.3588C21.7266 12.3055 21.7108 12.2542 21.69 12.2056L18.6963 4.72146C18.5824 4.43671 18.3067 4.25 18 4.25H17C16.5858 4.25 16.25 4.58579 16.25 5C16.25 5.41421 16.5858 5.75 17 5.75H17.4922L19.8922 11.75H17.118C16.4552 11.75 15.8492 12.1245 15.5528 12.7174L14.6055 14.6118C14.5632 14.6965 14.4766 14.75 14.3819 14.75H9.61801C9.52331 14.75 9.43675 14.6965 9.3944 14.6118L8.44719 12.7174C8.15075 12.1245 7.54479 11.75 6.88194 11.75H4.10776L6.50776 5.75H6.99999C7.4142 5.75 7.74999 5.41421 7.74999 5C7.74999 4.58579 7.4142 4.25 6.99999 4.25H5.99999ZM3.74997 13.25V18.25H20.25V13.25H17.118C17.0233 13.25 16.9367 13.3035 16.8944 13.3882L15.9472 15.2826C15.6507 15.8755 15.0448 16.25 14.3819 16.25H9.61801C8.95515 16.25 8.34919 15.8755 8.05276 15.2826L7.10554 13.3882C7.0632 13.3035 6.97663 13.25 6.88194 13.25H3.74997Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,11 @@
+name: InboxUp
+category: Interface
+sub_category: Communication
+keywords:
+  - innboks
+  - email
+  - e-post
+  - send
+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 3.46967C12.2374 3.17678 11.7626 3.17678 11.4697 3.46967L7.96967 6.96967C7.67678 7.26256 7.67678 7.73744 7.96967 8.03033C8.26256 8.32322 8.73744 8.32322 9.03033 8.03033L11.25 5.81066V11.5C11.25 11.9142 11.5858 12.25 12 12.25C12.4142 12.25 12.75 11.9142 12.75 11.5V5.81066L14.9697 8.03033C15.2626 8.32322 15.7374 8.32322 16.0303 8.03033C16.3232 7.73744 16.3232 7.26256 16.0303 6.96967L12.5303 3.46967ZM6.00002 4.25C5.69334 4.25 5.41756 4.43671 5.30366 4.72146L2.31021 12.2051C2.28848 12.2558 2.27218 12.3095 2.26206 12.3653C2.25281 12.4157 2.24889 12.4663 2.25 12.5163V19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.517C21.7512 12.4636 21.7467 12.4096 21.7362 12.3558C21.726 12.3037 21.7104 12.2534 21.69 12.2057L18.6964 4.72146C18.5825 4.43671 18.3067 4.25 18 4.25H17C16.5858 4.25 16.25 4.58579 16.25 5C16.25 5.41421 16.5858 5.75 17 5.75H17.4922L19.8922 11.75H17.118C16.4552 11.75 15.8492 12.1245 15.5528 12.7174L14.6056 14.6118C14.5632 14.6965 14.4767 14.75 14.382 14.75H9.61803C9.52334 14.75 9.43678 14.6965 9.39443 14.6118L8.44721 12.7174C8.15078 12.1245 7.54482 11.75 6.88197 11.75H4.10779L6.50779 5.75H7.00002C7.41423 5.75 7.75002 5.41421 7.75002 5C7.75002 4.58579 7.41423 4.25 7.00002 4.25H6.00002Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,11 @@
+name: InboxUpFill
+category: Interface
+sub_category: Communication
+keywords:
+  - innboks
+  - email
+  - e-post
+  - send
+variant: Fill
+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="M14.8238 3.11549C15.0363 2.90303 15.3551 2.83787 15.6338 2.94991C19.2176 4.39011 21.75 7.89842 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C7.8984 21.75 4.3901 19.2176 2.9499 15.6339C2.83786 15.3551 2.90302 15.0363 3.11547 14.8239C3.32793 14.6114 3.64668 14.5462 3.92547 14.6583C4.87464 15.0397 5.91184 15.25 6.99999 15.25C11.5563 15.25 15.25 11.5564 15.25 7C15.25 5.91185 15.0397 4.87465 14.6583 3.92548C14.5462 3.64669 14.6114 3.32795 14.8238 3.11549ZM16.5708 5.13072C16.6884 5.73604 16.75 6.36106 16.75 7C16.75 12.3848 12.3848 16.75 6.99999 16.75C6.36105 16.75 5.73603 16.6884 5.1307 16.5709C6.61 18.7895 9.13505 20.25 12 20.25C16.5563 20.25 20.25 16.5564 20.25 12C20.25 9.13507 18.7895 6.61002 16.5708 5.13072Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: Moon
+category: Nature and animals
+sub_category: Nature
+keywords:
+  - Måne
+  - night
+  - natt
+  - dark
+  - mørk
+variant: Stroke
+updated_at: 10.03.2023
+created_at: 09.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="M14.8238 3.11549C15.0363 2.90303 15.3551 2.83787 15.6338 2.94991C19.2176 4.39011 21.75 7.89842 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C7.8984 21.75 4.3901 19.2176 2.9499 15.6339C2.83786 15.3551 2.90302 15.0363 3.11547 14.8239C3.32793 14.6114 3.64668 14.5462 3.92547 14.6583C4.87464 15.0397 5.91184 15.25 6.99999 15.25C11.5563 15.25 15.25 11.5564 15.25 7C15.25 5.91185 15.0397 4.87465 14.6583 3.92548C14.5462 3.64669 14.6114 3.32795 14.8238 3.11549Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: MoonFill
+category: Nature and animals
+sub_category: Nature
+keywords:
+  - Måne
+  - night
+  - natt
+  - dark
+  - mørk
+variant: Fill
+updated_at: 10.03.2023
+created_at: 09.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 3.25C5.58579 3.25 5.25 3.58579 5.25 4V8.25H4C3.58579 8.25 3.25 8.58579 3.25 9V12C3.25 12.4142 3.58579 12.75 4 12.75H4.33791L5.25579 20.093C5.30271 20.4683 5.62176 20.75 6 20.75H18C18.3782 20.75 18.6973 20.4683 18.7442 20.093L19.6621 12.75H20C20.4142 12.75 20.75 12.4142 20.75 12V9C20.75 8.58579 20.4142 8.25 20 8.25H18.75V4C18.75 3.58579 18.4142 3.25 18 3.25H6ZM17.25 8.25V4.75H6.75V8.25H17.25ZM6 9.75H4.75V11.25H4.99006C4.99733 11.2499 5.00459 11.2499 5.01182 11.25H18.9882C18.9954 11.2499 19.0027 11.2499 19.0099 11.25H19.25V9.75H18H6ZM5.84959 12.75H18.1504L17.3379 19.25H6.66209L5.84959 12.75ZM12 13.75C12.4142 13.75 12.75 14.0858 12.75 14.5V17.5C12.75 17.9142 12.4142 18.25 12 18.25C11.5858 18.25 11.25 17.9142 11.25 17.5V14.5C11.25 14.0858 11.5858 13.75 12 13.75ZM9.58909 14.4298C9.54579 14.0179 9.17675 13.719 8.7648 13.7623C8.35286 13.8056 8.05401 14.1747 8.09731 14.5866L8.41089 17.5702C8.45419 17.9821 8.82324 18.281 9.23518 18.2377C9.64713 18.1944 9.94597 17.8253 9.90268 17.4134L9.58909 14.4298ZM15.2352 13.7623C15.6471 13.8056 15.946 14.1747 15.9027 14.5866L15.5891 17.5702C15.5458 17.9821 15.1768 18.281 14.7648 18.2377C14.3529 18.1944 14.054 17.8253 14.0973 17.4134L14.4109 14.4298C14.4542 14.0179 14.8233 13.719 15.2352 13.7623Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,8 @@
+name: ShoppingBasket
+category: Money
+sub_category: Payment
+keywords:
+  - handlekurv
+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="M6 3.25C5.58579 3.25 5.25 3.58579 5.25 4V8.25H4C3.58579 8.25 3.25 8.58579 3.25 9V12C3.25 12.4142 3.58579 12.75 4 12.75H20C20.4142 12.75 20.75 12.4142 20.75 12V9C20.75 8.58579 20.4142 8.25 20 8.25H18.75V4C18.75 3.58579 18.4142 3.25 18 3.25H6ZM17.25 8.25V4.75H6.75V8.25H17.25ZM4.74612 13.75C4.59574 13.75 4.47939 13.8818 4.49805 14.031L5.2558 20.093C5.30271 20.4683 5.62176 20.75 6.00001 20.75H18C18.3782 20.75 18.6973 20.4683 18.7442 20.093L19.502 14.031C19.5206 13.8818 19.4043 13.75 19.2539 13.75H4.74612ZM12 14.75C12.4142 14.75 12.75 15.0858 12.75 15.5V18.5C12.75 18.9142 12.4142 19.25 12 19.25C11.5858 19.25 11.25 18.9142 11.25 18.5V15.5C11.25 15.0858 11.5858 14.75 12 14.75ZM9.58909 15.4298C9.54579 15.0179 9.17675 14.719 8.7648 14.7623C8.35286 14.8056 8.05401 15.1747 8.09731 15.5866L8.41089 18.5702C8.45419 18.9821 8.82324 19.281 9.23518 19.2377C9.64713 19.1944 9.94597 18.8253 9.90268 18.4134L9.58909 15.4298ZM15.2352 14.7623C15.6471 14.8056 15.946 15.1747 15.9027 15.5866L15.5891 18.5702C15.5458 18.9821 15.1768 19.281 14.7648 19.2377C14.3529 19.1944 14.054 18.8253 14.0973 18.4134L14.4109 15.4298C14.4542 15.0179 14.8233 14.719 15.2352 14.7623Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,8 @@
+name: ShoppingBasketFill
+category: Money
+sub_category: Payment
+keywords:
+  - handlekurv
+variant: Fill
+updated_at: 13.03.2023
+created_at: 13.03.2023
@@ -9,5 +9,5 @@ keywords:
  - tid
  - pause
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -9,5 +9,5 @@ keywords:
  - tid
  - pause
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 10.03.2023
 created_at: 07.03.2023
@@ -12,6 +12,8 @@ keywords:
  - varsel
  - problem
  - feil
+  - stop
+  - stopp
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 12.03.2023
 created_at: 07.03.2023
@@ -12,6 +12,8 @@ keywords:
  - varsel
  - problem
  - feil
+  - stop
+  - stopp
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 12.03.2023
 created_at: 07.03.2023
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "2.7.2",
+  "version": "2.8.3",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -53,9 +53,9 @@
    "create-icons": "svgr --silent --index-template config/index-template.js --out-dir src icons",
    "copy-util": "copyfiles util/* src",
    "copy-svg": "copyfiles -f icons/*.svg dist/svg/",
+    "copy": "yarn copy-util && yarn copy-svg",
    "update-metadata": "node config/metadata.js",
-    "build": "yarn copy-util && yarn copy-svg && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node config/cleanTypes.js && yarn update-metadata",
-    "build:old": "copyfiles util/* src && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node cleanTypes.js && yarn create-package-json-pointers-to-esm",
+    "build": "yarn copy && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node config/cleanTypes.js && yarn update-metadata",
    "test": "NODE_OPTIONS=--experimental-vm-modules jest",
    "fetch-new:icons": "node config/figma/index.mjs",
    "zip:icons": "node config/zip.js"
@@ -1,5 +1,25 @@
 # @navikt/ds-codemod

+## 2.8.3
+
+## 2.8.2
+
+## 2.8.1
+
+## 2.8.0
+
+## 2.7.8
+
+## 2.7.7
+
+## 2.7.6
+
+## 2.7.5
+
+## 2.7.4
+
+## 2.7.3
+
 ## 2.7.2

 ## 2.7.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-codemod",
-  "version": "2.7.2",
+  "version": "2.8.3",
  "description": "Aksel codemods for NAVs designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -39,8 +39,8 @@
    "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.7.2",
-    "@navikt/ds-react": "^2.7.2",
+    "@navikt/ds-icons": "^2.8.3",
+    "@navikt/ds-react": "^2.8.3",
    "clsx": "^1.1.1"
  },
  "devDependencies": {
@@ -1,4 +1,3 @@
-import React from "react";
 import { PageHeader } from ".";

 export default {
@@ -14,11 +13,3 @@ export default {
    },
  },
 };
-
-export const Default = {
-  render: (props) => <PageHeader>{props.children}</PageHeader>,
-
-  args: {
-    children: "Id elit esse enim reprehenderit enim nisi veniam nostrud.",
-  },
-};
@@ -1,5 +1,41 @@
 # @navikt/ds-css

+## 2.8.3
+
+## 2.8.2
+
+### Patch Changes
+
+- [#1870](https://github.com/navikt/aksel/pull/1870) [`9c495cf50`](https://github.com/navikt/aksel/commit/9c495cf5037a7453e51e273ab93e4232576f4958) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert typografi for ExpansioCard
+
+## 2.8.1
+
+## 2.8.0
+
+### Minor Changes
+
+- [#1820](https://github.com/navikt/aksel/pull/1820) [`c6d51a019`](https://github.com/navikt/aksel/commit/c6d51a01902e4fd7916a422e17ed175f39acd458) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Ny komponent! ExpansionCard. Oppfølger fra gammel Ekspanderbartpanel.
+
+## 2.7.8
+
+### Patch Changes
+
+- [#1863](https://github.com/navikt/aksel/pull/1863) [`7ace69f21`](https://github.com/navikt/aksel/commit/7ace69f215760bbb5bf997670c897403d8ee558d) Thanks [@it-vegard](https://github.com/it-vegard)! - Added focus indicator for tabpanel
+
+## 2.7.7
+
+## 2.7.6
+
+## 2.7.5
+
+### Patch Changes
+
+- :bug: Fikset token-bug i togglegroup
+
+## 2.7.4
+
+## 2.7.3
+
 ## 2.7.2

 ## 2.7.1
@@ -0,0 +1,194 @@
+.navds-expansioncard {
+  --__ac-expansioncard-border-color: var(--ac-expansioncard-border-color, var(--a-border-default));
+  --__ac-expansioncard-border-radius: var(--ac-expansioncard-border-radius, var(--a-border-radius-large));
+  --__ac-expansioncard-border-width: 1px;
+
+  border-radius: var(--__ac-expansioncard-border-radius);
+  background-color: var(--ac-expansioncard-bg, var(--a-surface-default));
+  height: fit-content;
+}
+
+.navds-expansioncard--open {
+  --__ac-expansioncard-border-color: var(
+    --ac-expansioncard-border-open-color,
+    var(--ac-expansioncard-border-color, var(--a-border-default))
+  );
+}
+
+.navds-expansioncard:hover {
+  --__ac-expansioncard-border-color: var(--ac-expansioncard-border-hover-color, var(--a-border-strong));
+}
+
+:where(.navds-expansioncard.navds-expansioncard--open):hover {
+  --__ac-expansioncard-border-color: var(--ac-expansioncard-border-hover-color, var(--a-border-strong));
+}
+
+/*************************
+ * Header *
+ *************************/
+.navds-expansioncard__header {
+  width: 100%;
+  display: flex;
+  gap: var(--a-spacing-4);
+  padding: var(--a-spacing-4) var(--a-spacing-6);
+  border-radius: var(--__ac-expansioncard-border-radius);
+  background-color: var(--ac-expansioncard-header-bg, var(--a-surface-transparent));
+  position: relative;
+  border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
+  justify-content: space-between;
+}
+
+.navds-expansioncard--small > :where(.navds-expansioncard__header) {
+  padding: var(--a-spacing-3) var(--a-spacing-4);
+}
+
+.navds-expansioncard__header:hover {
+  background-color: var(--ac-expansioncard-header-bg-hover, var(--a-surface-hover));
+  box-shadow: 0 0 0 1px var(--__ac-expansioncard-border-color);
+}
+
+.navds-expansioncard--open > :where(.navds-expansioncard__header) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
+  border-bottom: none;
+  background-color: var(--ac-expansioncard-header-open-bg, var(--a-surface-transparent));
+}
+
+.navds-expansioncard--open > :where(.navds-expansioncard__header):hover {
+  background-color: var(--ac-expansioncard-header-bg-hover, var(--a-surface-hover));
+  box-shadow: 1px 0 0 0 var(--__ac-expansioncard-border-color), -1px 0 0 0 var(--__ac-expansioncard-border-color),
+    0 -1px 0 0 var(--__ac-expansioncard-border-color);
+}
+
+/*************************
+ * Header/Typography *
+ *************************/
+
+.navds-expansioncard__title--small {
+  margin-top: 10px;
+}
+
+.navds-expansioncard__title--medium {
+  margin-top: var(--a-spacing-2);
+}
+
+.navds-expansioncard__title--large {
+  margin-top: var(--a-spacing-1);
+}
+
+.navds-expansioncard--small :where(.navds-expansioncard__title--small) {
+  margin-top: var(--a-spacing-05);
+}
+
+.navds-expansioncard--small :where(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
+  margin-top: 0;
+}
+
+/*************************
+ * Header/Button *
+ *************************/
+.navds-expansioncard__header-button {
+  display: grid;
+  place-content: center;
+  cursor: pointer;
+  margin: 0;
+  background: transparent;
+  border: none;
+  border-radius: var(--ac-expansioncard-button-border-radius, var(--a-border-radius-medium));
+  min-height: 3rem;
+  min-width: 3rem;
+  font-size: 1.5rem;
+  align-self: flex-start;
+}
+
+.navds-expansioncard--small > :where(.navds-expansioncard__header) > :where(.navds-expansioncard__header-button) {
+  min-height: 2rem;
+  min-width: 2rem;
+}
+
+:where(.navds-expansioncard__header):hover > :where(.navds-expansioncard__header-button) {
+  background-color: var(--a-surface-hover);
+}
+
+.navds-expansioncard__header-chevron {
+  transition: transform 150ms ease-in-out;
+}
+
+.navds-expansioncard--open :where(.navds-expansioncard__header-chevron) {
+  transform: translateY(0) rotate(180deg);
+}
+
+.navds-expansioncard__header-button:hover > :where(.navds-expansioncard__header-chevron) {
+  transform: translateY(1px);
+}
+
+.navds-expansioncard__header-button:focus {
+  outline: none;
+}
+
+.navds-expansioncard__header-button:focus-visible {
+  box-shadow: var(--a-shadow-focus);
+}
+
+.navds-expansioncard--open :where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron) {
+  transform: translateY(-1px) rotate(180deg);
+}
+
+.navds-expansioncard__header-button::after {
+  inset: 0;
+  z-index: 1;
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+}
+
+/*************************
+ * Content *
+ *************************/
+.navds-expansioncard__content {
+  border-end-end-radius: var(--__ac-expansioncard-border-radius);
+  border-end-start-radius: var(--__ac-expansioncard-border-radius);
+  padding: var(--a-spacing-3) var(--a-spacing-6) var(--a-spacing-6);
+  border: var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);
+  border-top: none;
+}
+
+.navds-expansioncard--small > :where(.navds-expansioncard__content) {
+  padding: var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-4);
+}
+
+.navds-expansioncard__content--closed {
+  display: none;
+}
+
+:where(.navds-expansioncard__header):hover + .navds-expansioncard__content {
+  box-shadow: 1px 0 0 0 var(--__ac-expansioncard-border-color), -1px 0 0 0 var(--__ac-expansioncard-border-color),
+    0 1px 0 0 var(--__ac-expansioncard-border-color);
+}
+
+.navds-expansioncard__content-inner {
+  animation: fadeExpansionCard 250ms ease;
+}
+
+.navds-expansioncard--no-fade :where(.navds-expansioncard__content-inner) {
+  animation: none;
+}
+
+@keyframes fadeExpansionCard {
+  0% {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+
+  40% {
+    opacity: 0.7;
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
@@ -8,6 +8,7 @@
@import "content-container.css";
@import "chat.css";
@import "chips.css";
+@import "expansioncard.css";
@import "guide-panel.css";
@import "form/index.css";
@import "help-text.css";
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "2.7.2",
+  "version": "2.8.3",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -20,7 +20,7 @@
    "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^2.7.2",
+    "@navikt/ds-tokens": "^2.8.3",
    "normalize.css": "^8.0.1",
    "postcss": "^8.4.0",
    "postcss-cli": "^9.0.0",
@@ -108,6 +108,7 @@
  font-size: 1.5rem;
 }

-.navds-tabs__tabpanel:focus {
+.navds-tabs__tabpanel:focus-visible {
  outline: none;
+  box-shadow: inset 0 0 0 2px var(--a-border-focus);
 }
@@ -36,7 +36,7 @@

 .navds-toggle-group--neutral > .navds-toggle-group__button {
  background-color: var(--ac-toggle-group-button-neutral-bg, var(--a-surface-transparent));
-  color: var(--ac-toggle-group-button-neutral-text, var(c));
+  color: var(--ac-toggle-group-button-neutral-text, var(--a-text-default));
 }

 .navds-toggle-group__button:hover {
@@ -106,6 +106,17 @@
    "--ac-date-input-error-border": "--a-border-danger",
    "--ac-date-input-button-text": "--a-text-default"
  },
+  "expansioncard": {
+    "--ac-expansioncard-bg": "--a-surface-default",
+    "--ac-expansioncard-header-bg": "--a-surface-transparent",
+    "--ac-expansioncard-header-bg-hover": "--a-surface-hover",
+    "--ac-expansioncard-header-open-bg": "--a-surface-transparent",
+    "--ac-expansioncard-border-color": "--a-border-default",
+    "--ac-expansioncard-border-open-color": "--a-border-default",
+    "--ac-expansioncard-border-radius": "--a-border-radius-large",
+    "--ac-expansioncard-button-border-radius": "--a-border-radius-medium",
+    "--ac-expansioncard-border-hover-color": "--a-border-strong"
+  },
  "guidepanel": {
    "--ac-guide-panel-bg": "--a-surface-default",
    "--ac-guide-panel-border": "--a-border-action",
@@ -256,7 +267,7 @@
    "--ac-toggle-group-selected-bg": "--a-surface-action-selected",
    "--ac-toggle-group-selected-text": "--a-text-on-action",
    "--ac-toggle-group-button-neutral-bg": "--a-surface-transparent",
-    "--ac-toggle-group-button-neutral-text": "--ac-toggle-group-button-neutral-text",
+    "--ac-toggle-group-button-neutral-text": "--a-text-default",
    "--ac-toggle-group-button-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
    "--ac-toggle-group-button-neutral-hover-text": "--a-text-default",
    "--ac-toggle-group-neutral-selected-bg": "--a-surface-neutral",
@@ -1,5 +1,89 @@
 # @navikt/ds-react

+## 2.8.3
+
+### Patch Changes
+
+- [#1875](https://github.com/navikt/aksel/pull/1875) [`f862aa9c2`](https://github.com/navikt/aksel/commit/f862aa9c2ec71ffdb295708dc6dad6b77af9519e) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Textarea har oppdatert counter-tekst + mulighet for lokalisering
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.3
+  - @navikt/ds-icons@2.8.3
+
+## 2.8.2
+
+### Patch Changes
+
+- [#1870](https://github.com/navikt/aksel/pull/1870) [`9c495cf50`](https://github.com/navikt/aksel/commit/9c495cf5037a7453e51e273ab93e4232576f4958) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert typografi for ExpansioCard
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.2
+  - @navikt/ds-icons@2.8.2
+
+## 2.8.1
+
+### Patch Changes
+
+- [`1276b4d7e`](https://github.com/navikt/aksel/commit/1276b4d7efd831d20345292dbb21a11d100a0ddd) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Endret default title-size til medium for ExpansionCard
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.1
+  - @navikt/ds-icons@2.8.1
+
+## 2.8.0
+
+### Minor Changes
+
+- [#1820](https://github.com/navikt/aksel/pull/1820) [`c6d51a019`](https://github.com/navikt/aksel/commit/c6d51a01902e4fd7916a422e17ed175f39acd458) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Ny komponent! ExpansionCard. Oppfølger fra gammel Ekspanderbartpanel.
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.0
+  - @navikt/ds-icons@2.8.0
+
+## 2.7.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.7.8
+
+## 2.7.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.7.7
+
+## 2.7.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.7.6
+
+## 2.7.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.7.5
+
+## 2.7.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.7.4
+
+## 2.7.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.7.3
+
 ## 2.7.2

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "2.7.2",
+  "version": "2.8.3",
  "description": "Aksel react-components for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -37,7 +37,8 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.17.0",
-    "@navikt/ds-icons": "^2.7.2",
+    "@navikt/aksel-icons": "^2.8.3",
+    "@navikt/ds-icons": "^2.8.3",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^1.2.1",
@@ -0,0 +1,121 @@
+import cl from "clsx";
+import React, { createContext, forwardRef, useRef, useState } from "react";
+import ExpansionCardContent, {
+  ExpansionCardContentType,
+} from "./ExpansionCardContent";
+import {
+  ExpansionCardDescription,
+  ExpansionCardDescriptionType,
+} from "./ExpansionCardDescription";
+import ExpansionCardHeader, {
+  ExpansionCardHeaderType,
+} from "./ExpansionCardHeader";
+import {
+  ExpansionCardTitle,
+  ExpansionCardTitleType,
+} from "./ExpansionCardTitle";
+
+interface ExpansionCardComponent
+  extends React.ForwardRefExoticComponent<
+    ExpansionCardProps & React.RefAttributes<HTMLDivElement>
+  > {
+  Header: ExpansionCardHeaderType;
+  Title: ExpansionCardTitleType;
+  Description: ExpansionCardDescriptionType;
+  Content: ExpansionCardContentType;
+}
+
+export interface ExpansionCardProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  /**
+   * Callback for when Card is toggled open/closed
+   */
+  onToggle?: (open: boolean) => void;
+  /**
+   * Controlled open-state
+   * Using this removes automatic control of open-state
+   */
+  open?: boolean;
+  /**
+   * Defaults to open if not controlled
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /**
+   * @default "medium"
+   */
+  size?: "medium" | "small";
+  /**
+   * Since ExpansionCard is a section-element, accessible name is required.
+   */
+  ["aria-label"]: string;
+}
+
+export type ExpansionCardContextProps = {
+  open: boolean;
+  toggleOpen: () => void;
+  size: "medium" | "small";
+};
+
+export const ExpansionCardContext = createContext<ExpansionCardContextProps>({
+  open: false,
+  toggleOpen: () => {},
+  size: "medium",
+});
+
+export const ExpansionCard = forwardRef<HTMLDivElement, ExpansionCardProps>(
+  (
+    {
+      className,
+      onToggle,
+      open,
+      defaultOpen = false,
+      size = "medium",
+      ...rest
+    },
+    ref
+  ) => {
+    const [_open, _setOpen] = useState(defaultOpen);
+
+    const shouldFade = useRef<boolean>(!(Boolean(open) || defaultOpen));
+
+    const handleOpen = () => {
+      if (open === undefined) {
+        const newOpen = !_open;
+        _setOpen(newOpen);
+        onToggle?.(newOpen);
+      } else {
+        onToggle?.(!open);
+      }
+      shouldFade.current = true;
+    };
+
+    return (
+      <ExpansionCardContext.Provider
+        value={{ open: open ?? _open, toggleOpen: handleOpen, size }}
+      >
+        <section
+          {...rest}
+          className={cl(
+            "navds-expansioncard",
+            className,
+            `navds-expansioncard--${size}`,
+            {
+              "navds-expansioncard--open": open ?? _open,
+              "navds-expansioncard--no-fade": !shouldFade.current,
+            }
+          )}
+          ref={ref}
+        />
+      </ExpansionCardContext.Provider>
+    );
+  }
+) as ExpansionCardComponent;
+
+ExpansionCard.Header = ExpansionCardHeader;
+ExpansionCard.Content = ExpansionCardContent;
+ExpansionCard.Title = ExpansionCardTitle;
+ExpansionCard.Description = ExpansionCardDescription;
+
+export default ExpansionCard;
@@ -0,0 +1,43 @@
+import cl from "clsx";
+import React, { forwardRef, useContext } from "react";
+import { BodyLong } from "../typography/BodyLong";
+import { ExpansionCardContext } from "./ExpansionCard";
+
+export interface ExpansionCardContentProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+
+export type ExpansionCardContentType = React.ForwardRefExoticComponent<
+  ExpansionCardContentProps & React.RefAttributes<HTMLDivElement>
+>;
+
+const ExpansionCardContent: ExpansionCardContentType = forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    const panelContext = useContext(ExpansionCardContext);
+
+    if (panelContext === null) {
+      console.error(
+        "<ExpansionCard.Content> has to be used within an <ExpansionCard>"
+      );
+      return null;
+    }
+
+    return (
+      <BodyLong
+        {...rest}
+        ref={ref}
+        as="div"
+        className={cl("navds-expansioncard__content", {
+          "navds-expansioncard__content--closed": !panelContext.open,
+        })}
+        aria-hidden={!panelContext.open}
+        size={panelContext.size}
+      >
+        <div className="navds-expansioncard__content-inner">{children}</div>
+      </BodyLong>
+    );
+  }
+);
+
+export default ExpansionCardContent;
@@ -0,0 +1,35 @@
+import React, { forwardRef, useContext } from "react";
+import cl from "clsx";
+import { BodyLong } from "../typography/BodyLong";
+import { ExpansionCardContext } from "./ExpansionCard";
+
+interface ExpansionCardDescriptionProps
+  extends React.HTMLAttributes<HTMLParagraphElement> {
+  children: React.ReactNode;
+}
+
+export type ExpansionCardDescriptionType = React.ForwardRefExoticComponent<
+  ExpansionCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>
+>;
+
+export const ExpansionCardDescription: ExpansionCardDescriptionType =
+  forwardRef(({ className, ...rest }, ref) => {
+    const panelContext = useContext(ExpansionCardContext);
+
+    if (panelContext === null) {
+      console.error(
+        "<ExpansionCard.Header> has to be used within an <ExpansionCard>"
+      );
+      return null;
+    }
+
+    return (
+      <BodyLong
+        {...rest}
+        as="p"
+        ref={ref}
+        className={cl("navds-link-panel__description", className)}
+        size={panelContext.size}
+      />
+    );
+  });
@@ -0,0 +1,50 @@
+import cl from "clsx";
+import React, { forwardRef, useContext } from "react";
+import { ExpansionCardContext } from "./ExpansionCard";
+import { ChevronDownIcon } from "@navikt/aksel-icons";
+
+export interface ExpansionCardHeaderProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+
+export type ExpansionCardHeaderType = React.ForwardRefExoticComponent<
+  ExpansionCardHeaderProps & React.RefAttributes<HTMLDivElement>
+>;
+
+const ExpansionCardHeader: ExpansionCardHeaderType = forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    const panelContext = useContext(ExpansionCardContext);
+
+    if (panelContext === null) {
+      console.error(
+        "<ExpansionCard.Header> has to be used within an <ExpansionCard>"
+      );
+      return null;
+    }
+
+    return (
+      <div
+        ref={ref}
+        {...rest}
+        className={cl("navds-expansioncard__header", className)}
+      >
+        <div className="navds-expansioncard__header-content">{children}</div>
+
+        <button
+          className="navds-expansioncard__header-button"
+          onClick={() => panelContext.toggleOpen()}
+          type="button"
+          aria-expanded={panelContext.open}
+        >
+          <ChevronDownIcon
+            className="navds-expansioncard__header-chevron"
+            title="Vis mer"
+          />
+        </button>
+      </div>
+    );
+  }
+);
+
+export default ExpansionCardHeader;
@@ -0,0 +1,34 @@
+import React, { forwardRef } from "react";
+import cl from "clsx";
+import { OverridableComponent } from "../util/OverridableComponent";
+
+interface ExpansionCardTitleProps
+  extends React.HTMLAttributes<HTMLHeadingElement> {
+  children: React.ReactNode;
+  /**
+   * Changes text-sizing
+   * @default medium
+   */
+  size?: "large" | "medium" | "small";
+}
+
+export type ExpansionCardTitleType = OverridableComponent<
+  ExpansionCardTitleProps,
+  HTMLHeadingElement
+>;
+
+export const ExpansionCardTitle: ExpansionCardTitleType = forwardRef(
+  ({ className, as: Component = "h3", size = "medium", ...rest }, ref) => (
+    <Component
+      {...rest}
+      ref={ref}
+      className={cl(
+        "navds-expansioncard__title",
+        `navds-expansioncard__title--${size}`,
+        "navds-heading",
+        `navds-heading--${size}`,
+        className
+      )}
+    />
+  )
+);
@@ -0,0 +1,269 @@
+import { PlantIcon } from "@navikt/aksel-icons";
+import React, { useState } from "react";
+import { ExpansionCard } from ".";
+import { BodyLong } from "../typography";
+import ExpansionCardContent from "./ExpansionCardContent";
+import ExpansionCardHeader from "./ExpansionCardHeader";
+
+export default {
+  title: "ds-react/ExpansionCard",
+  component: ExpansionCard,
+  subcomponents: [ExpansionCardHeader, ExpansionCardContent],
+  decorators: [
+    (Story) => (
+      <div
+        style={{
+          width: "600px",
+          minHeight: "100vh",
+          padding: "10rem 0",
+          display: "flex",
+          flexDirection: "column",
+          gap: "1rem",
+        }}
+      >
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+const Content = () => (
+  <ExpansionCard.Content>
+    <BodyLong spacing>
+      På ditt faste arbeidssted vil du ha yrkesskadedekning også i hvilepauser,
+      lunsjpauser, trimaktiviteter og lignende i arbeidstiden.
+    </BodyLong>
+    <BodyLong spacing>
+      Som hovedregel er du som arbeidstaker ikke yrkesskadedekket på veien til
+      og fra arbeid eller første og siste oppdragssted. Du er heller ikke
+      yrkesskadedekket på fritiden eller under private gjøremål i arbeidstiden.
+    </BodyLong>
+    <BodyLong spacing>
+      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga suscipit
+      voluptatum expedita earum id, aperiam deleniti molestiae eveniet
+      doloremque explicabo perspiciatis quasi repellendus! Est dolore a nemo
+      aspernatur obcaecati dicta.
+    </BodyLong>
+    <BodyLong spacing>
+      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga suscipit
+      voluptatum expedita earum id, aperiam deleniti molestiae eveniet
+      doloremque explicabo perspiciatis quasi repellendus! Est dolore a nemo
+      aspernatur obcaecati dicta.
+    </BodyLong>
+    <BodyLong>
+      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga suscipit
+      voluptatum expedita earum id, aperiam deleniti molestiae eveniet
+      doloremque explicabo perspiciatis quasi repellendus! Est dolore a nemo
+      aspernatur obcaecati dicta.
+    </BodyLong>
+  </ExpansionCard.Content>
+);
+
+export const Default = {
+  render: (props) => {
+    return (
+      <ExpansionCard
+        {...props}
+        open={props?.open || undefined}
+        size={props.size}
+        aria-label="default-demo"
+      >
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+          {props.description && (
+            <ExpansionCard.Description>
+              For at yrkesskadedekningen skal gjelde, er det som hovedregel krav
+              til tid, sted og arbeidsoppgaver
+            </ExpansionCard.Description>
+          )}
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+    );
+  },
+  args: {
+    open: false,
+    size: "medium",
+    description: false,
+    variant: "neutral",
+  },
+  argTypes: {
+    size: { control: "select", options: ["medium", "small"] },
+  },
+};
+
+export const Description = {
+  render: () => (
+    <ExpansionCard aria-label="bare description">
+      <ExpansionCard.Header>
+        <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+        <ExpansionCard.Description>
+          For at yrkesskadedekningen skal gjelde, er det som hovedregel krav til
+          tid, sted og arbeidsoppgaver
+        </ExpansionCard.Description>
+      </ExpansionCard.Header>
+      <Content />
+    </ExpansionCard>
+  ),
+};
+
+export const Sizes = {
+  render: () => (
+    <>
+      <h2>Medium</h2>
+      <ExpansionCard aria-label="Demo med description">
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+          <ExpansionCard.Description>
+            For at yrkesskadedekningen skal gjelde, er det som hovedregel krav
+            til tid, sted og arbeidsoppgaver
+          </ExpansionCard.Description>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+      <ExpansionCard aria-label="Demo">
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+      <h2>Small</h2>
+      <ExpansionCard size="small" aria-label="small-demo">
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+          <ExpansionCard.Description>
+            For at yrkesskadedekningen skal gjelde, er det som hovedregel krav
+            til tid, sted og arbeidsoppgaver
+          </ExpansionCard.Description>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+      <ExpansionCard
+        size="small"
+        aria-label="small-demo med avatar uten description"
+      >
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+    </>
+  ),
+};
+
+export const HeadingSizing = {
+  render: () => (
+    <>
+      {(["large", "medium", "small"] as const).map((x) => (
+        <ExpansionCard aria-label={`demo-${x}`}>
+          <ExpansionCard.Header key={x}>
+            <ExpansionCard.Title size={x}>{x}</ExpansionCard.Title>
+            <ExpansionCard.Description>
+              For at yrkesskadedekningen skal gjelde, er det som hovedregel krav
+              til tid, sted og arbeidsoppgaver
+            </ExpansionCard.Description>
+          </ExpansionCard.Header>
+          <Content />
+        </ExpansionCard>
+      ))}
+    </>
+  ),
+};
+
+export const DefaultOpen = {
+  render: () => (
+    <ExpansionCard defaultOpen aria-label="defaultOpen demo">
+      <ExpansionCard.Header>
+        <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+        <ExpansionCard.Description>
+          For at yrkesskadedekningen skal gjelde, er det som hovedregel krav til
+          tid, sted og arbeidsoppgaver
+        </ExpansionCard.Description>
+      </ExpansionCard.Header>
+      <Content />
+    </ExpansionCard>
+  ),
+};
+
+export const ControlledState = {
+  render: () => {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const [open, setOpen] = useState(false);
+    return (
+      <ExpansionCard
+        open={open}
+        onToggle={setOpen}
+        aria-label="Controlled-state demo"
+      >
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+          <ExpansionCard.Description>
+            For at yrkesskadedekningen skal gjelde, er det som hovedregel krav
+            til tid, sted og arbeidsoppgaver
+          </ExpansionCard.Description>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+    );
+  },
+};
+
+export const Customization = {
+  render: () => (
+    <div className="subtle-card">
+      <ExpansionCard aria-label="custom-styling demo">
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+          <ExpansionCard.Description>
+            For at yrkesskadedekningen skal gjelde, er det som hovedregel krav
+            til tid, sted og arbeidsoppgaver
+          </ExpansionCard.Description>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+
+      <style>{`
+        .subtle-card {
+          --ac-expansioncard-bg: var(--a-surface-subtle);
+          --ac-expansioncard-border-open-color: var(--a-border-alt-3);
+        }`}</style>
+    </div>
+  ),
+};
+
+export const Icon = {
+  render: () => (
+    <div>
+      <ExpansionCard aria-label="custom-styling demo">
+        <ExpansionCard.Header>
+          <div className="with-icon">
+            <div className="icon">
+              <PlantIcon aria-hidden />
+            </div>
+            <div>
+              <ExpansionCard.Title>Arbeidstakere</ExpansionCard.Title>
+              <ExpansionCard.Description>
+                For at yrkesskadedekningen skal gjelde, er det som hovedregel
+                krav til tid, sted og arbeidsoppgaver
+              </ExpansionCard.Description>
+            </div>
+          </div>
+        </ExpansionCard.Header>
+        <Content />
+      </ExpansionCard>
+
+      <style>{`
+        .with-icon {
+          display: flex;
+          align-items: center;
+          gap: 1rem;
+        }
+        .icon {
+          font-size: 3rem;
+          flex-shrink: 0;
+          display: grid;
+          place-content: center;
+        }`}</style>
+    </div>
+  ),
+};
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	1609604073	Version Packages (#1876 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-23 13:04:48 +01:00
Ken	f862aa9c2e	🌐 Textarea-tekster (#1875 )	2023-03-23 13:01:49 +01:00
Ken	8fce648c79	🔥 Fjernet unødvendig kommentar	2023-03-21 14:36:39 +01:00
github-actions[bot]andgithub-actions[bot]	34f421835c	Version Packages (#1871 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-21 14:22:57 +01:00
Ken	9c495cf503	💄 Dynamisk typografi for Expansioncard, flere token-muligheter (#1870 ) Resolves #1869	2023-03-21 14:20:30 +01:00
Ken	b5666ed040	⬆️ Oppdatert storybook til rc.5 (#1867 )	2023-03-21 10:25:20 +01:00
github-actions[bot]andgithub-actions[bot]	be4a951962	Version Packages (#1866 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-17 14:53:51 +01:00
Ken	1276b4d7ef	🐛 ExpansionCard hadde feil default-title size	2023-03-17 14:49:50 +01:00
Ken	8880b0dfb5	🎨 Expansioncard-modul	2023-03-17 14:37:15 +01:00
github-actions[bot]andgithub-actions[bot]	bfe60a9a62	Version Packages (#1865 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-17 14:03:13 +01:00
Ken	33aef230b0	💄 Bedre grid-break i footer	2023-03-17 13:11:29 +01:00
Ken	88243f76de	💄 God-praksis header aligner med tema-liste på forside	2023-03-17 12:09:19 +01:00
Ken	c00112e3e6	♿ Accessible ExpansionCard-icon	2023-03-17 11:59:24 +01:00
Ken	3c66b00c24	♻️ Refaktorert ExpansionCard før release 💄 Mer spacing-bottom for content i small expansioncard 🔥 Fjernet clickarea-prop 🔥 Fjernet avatar-prop 💄 Header-title margin 💄 Chevron-alignment til toppen 📝 Fikset nextjs demoer	2023-03-17 11:49:17 +01:00
Ken	db8303af42	📝 Justert beta-tekster	2023-03-17 10:07:55 +01:00
Ken	5fbd2e1814	🎨 Kan nå tagge beta som unsafe	2023-03-17 09:46:41 +01:00
Ken	85697be305	🐛 Fikset demo-bug for expansioncard	2023-03-16 21:03:22 +01:00
Ken	36fb35533d	♻️ Bedre ikoner for expansioncard	2023-03-16 20:45:14 +01:00
Ken	3709e432bb	📝 Oppdatert ExpansionCard til å bruke bare section-element	2023-03-16 16:12:43 +01:00
Ken	c6077a03fa	🎨 Suggestion-lenker åpnes nå i ny fane	2023-03-16 15:42:02 +01:00
Ken	c6d51a0190	[Ny komponent] ExpansionCard (#1820 )	2023-03-16 15:40:30 +01:00
github-actions[bot]andgithub-actions[bot]	777d94b3d4	Version Packages (#1864 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-16 15:03:50 +01:00
Vegard Haugstvedt	7ace69f215	Bugfix/missing focus indicator for tabpanel (#1863 ) * Add focus-visible for tabpanel * Set focus-indicator width to 2px instead of 3px. This is a change that will probably be applied throughout the design system in time. * New version for DS-CSS adding focus indicator to tabpanels	2023-03-16 14:53:49 +01:00
Ken	6724bb8f71	💄 Fikset header-logo farge	2023-03-16 10:24:40 +01:00
Ken	59253e992f	📝 Datepicker description	2023-03-16 09:59:32 +01:00
Ken	91b6e0be18	🔥 Fjernet ekstra console.log	2023-03-16 09:12:53 +01:00
Ken	02f5c29723	Oppdatert forside, footer (#1858 )	2023-03-15 14:24:56 +01:00
Ken	859d5d6407	🐛 Pageheader-story manglet default export	2023-03-14 10:11:42 +01:00
github-actions[bot]andgithub-actions[bot]	3e7beb6765	Version Packages (#1855 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-13 17:15:32 +01:00
Ken	a22ac3eb78	🎉 Nye ikoner i aksel-icons	2023-03-13 17:07:55 +01:00
Ken	224d894488	🔥 Fjernet placeholder-story	2023-03-13 13:12:44 +01:00
Ken	b265dcaa42	💚 Prod bruker ny doocker-image host	2023-03-13 09:21:57 +01:00
Ken	dbb35fa10f	Merge branch 'next'	2023-03-13 09:18:43 +01:00
Ken	a8956bfe0d	💚 Image sync lasting	2023-03-13 09:17:21 +01:00
Ken	7065175d84	🐛 dev-image hadde feil format	2023-03-10 20:15:30 +01:00
Ken	34eb101902	🐛 dev-image hadde feil format	2023-03-10 20:05:23 +01:00
Ken	d31ed4cb6c	🐛 Riktig image-env	2023-03-10 17:04:02 +01:00
Ken	7f21fd7700	🐛 Fikset image-taggp	2023-03-10 16:27:11 +01:00
Ken	082765df58	⚗️ Tester ny deploy-action	2023-03-10 16:17:52 +01:00
Ken	b0fd72ebfc	🔊 Logger sidetitler	2023-03-10 16:05:00 +01:00
Ken	13afd5da41	Merge branch 'main' into next	2023-03-10 15:11:48 +01:00
Ken	1f37816e72	💄 Justert Timeline.Period sentrering for større ikoner/rader	2023-03-10 15:10:52 +01:00
Ken	5c3f4e4bc7	🐛 Fikset token-bug i togglegroup	2023-03-10 14:47:26 +01:00
Ken	31bc51ac01	💄 Justert ingress-marginer	2023-03-10 12:50:19 +01:00
Ken	2ee29881a5	Merge branch 'main' into next	2023-03-10 12:25:42 +01:00
Ken	29711bf44d	Merge branch 'main' of https://github.com/navikt/aksel	2023-03-10 12:25:07 +01:00
Ken	ed2ad43915	⬆️ sanity 3.6.0	2023-03-10 12:14:06 +01:00
github-actions[bot]andgithub-actions[bot]	c02c0a585a	Version Packages (#1853 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-10 12:11:15 +01:00
Ken	ca680926fe	🐛 Tester annet apiEndpoint for logging	2023-03-10 12:07:40 +01:00
Ken	8b84c24610	🐛 Fiket maksbredde tailwind	2023-03-10 10:53:08 +01:00
Ken	52a37f949f	Merge branch 'main' into next	2023-03-10 10:45:34 +01:00
Ken	a4fd1dd227	📝 Oppdatert ikonpakke (#1852 )	2023-03-10 10:45:11 +01:00
Ken	a11aa34bf9	💄 Justert ikonside	2023-03-09 21:20:22 +01:00
Ken	4da85498e5	🐛 reversert til gammel log-key	2023-03-09 20:23:15 +01:00
Ken	6cee85ce9a	🔥 Fjernet .dev ingress fra dev	2023-03-09 19:45:17 +01:00
Ken	c95480c724	🎨 Oppdatert config	2023-03-09 19:28:32 +01:00
Ken	185349e9b5	⚡ Standalone demo	2023-03-09 19:04:23 +01:00
Ken	60d325fcc5	🚑 Standalone-build brakk prod	2023-03-09 17:11:54 +01:00
Ken	ccbaa18df9	Standalone-nextjs build (#1851 )	2023-03-09 16:46:02 +01:00
Ken	853f2ae760	💄 Endret OG-bilde for ikonside	2023-03-09 12:32:24 +01:00
Ken	411bb36c32	🚸 Nedlasting av ikonpakke åpner ikke lengre ny tab	2023-03-09 11:53:12 +01:00