Lerna versionbump [ci skip]

- @navikt/ds-react@0.2.2

.babelrc

@@ -1,10 +0,0 @@
-{
-    "presets": ["es2015", "react", "stage-2"],
-    "plugins": [
-        "react-docgen",
-        "transform-object-rest-spread", 
-        ["prismjs", {
-            "languages": ["javascript", "css", "markup", "jsx"]
-        }]
-    ]
-}

.eslintignore

@@ -1,6 +0,0 @@
-_templates/
-dist
-packages/node_modules/*/lib
-examples/
-development/
-webpack.config.js

.eslintrc

@@ -1,21 +0,0 @@
-{
-  "env": {
-    "browser": true
-  },
-  "parser": "babel-eslint",
-  "extends": "airbnb",
-  "rules": {
-    "no-unused-vars": [2, { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }],
-    "indent": [2, 4, { "SwitchCase": 1 }],
-    "max-len": [2, 120, 4],
-    "comma-dangle": [2, "never"],
-    "arrow-parens": [2, "always"],
-    "import/no-extraneous-dependencies": ["error", { "peerDependencies": true }],
-    "import/no-unresolved": "warn",
-    "import/extensions": "warn",
-    "react/prop-types": "off",
-    "react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }],
-    "react/jsx-indent-props": ["error", 4],
-    "react/jsx-indent": ["error", 4]
-  }
-}

.github/ISSUE_TEMPLATE/bug-report.md

@@ -0,0 +1,53 @@
+---
+name: Bug Report
+about: Meld inn bugs eller feil
+title: "[BUG]"
+labels: "bug \U0001F41B"
+assignees: ''
+
+---
+
+## Hvilken av tjenestene våre gjelder det?
+
+<!--
+  Sett en x i type pakke det gjelder:
+- [x] type
+-->
+
+- [ ] `Komponenter`
+- [ ] `Stiler`
+- [ ] `Ikoner`
+- [ ] `Annet`
+
+## Beskriv feilen/problemet
+
+<!-- 
+> Beskriv hva slags problem(er) som oppstår
+
+> Hva forventet du skulle oppstå?
+
+> Hva skjedde istedenfor?
+-->
+
+(skriv her.)
+
+## Steg for å reprodusere problemet
+
+<!--
+1. Steg en
+2. Steg to
+3. ....
+-->
+
+(skriv her.)
+
+## Eksempel/Tilleggsinformasjon
+
+<!--
+Screenshots eller kodesnippets
+Legg gjerne ved ekstrainfo som nettleser, desktop/mobil etc
+-->
+
+```
+ Hvis mulig, legg gjerne til kode her, evt lenke til kode i repo
+```

.github/ISSUE_TEMPLATE/feature-request.md

@@ -0,0 +1,25 @@
+---
+name: Feature Request
+about: Foreslå noe nytt for designsystemet
+title: "[NEW]"
+labels: new ✨
+assignees: ''
+
+---
+
+## Beskriv forespørselen
+
+(skriv her.)
+
+## Hvilken funksjon vil dette har for bruker?
+
+(skriv her.)
+
+## Eksempler/Tilleggsinformasjon 
+
+<!--
+Del gjerne eksempel av lignende løsninger som er i bruk idag, URL/Screenshots etc. 
+Link gjerne til relaterte issues her også.
+-->
+
+(skriv her.)

.github/workflows/build-publish.yml

@@ -0,0 +1,123 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
+
+name: Build, test and maybe publish
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+jobs:
+  build:
+    if: "!contains(github.event.head_commit.message, '[ci skip]')"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # Required to retrieve git history
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      - name: Node-modules cache
+        uses: actions/cache@v2
+        id: node-cache
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+      - name: Install deps
+        if: steps.node-cache.outputs.cache-hit != 'true'
+        run: yarn install --frozen-lockfile
+      - name: Gulp-build
+        run: yarn boot
+      - name: Eslint and Stylelint
+        run: yarn lint
+      - name: Test gatsby-build
+        run: yarn build:gatsby
+      - name: Test chromatic
+        uses: chromaui/action@v1
+        with:
+          token: ${{ secrets.GIT_REPO }}
+          projectToken: ${{ secrets.CHROMATIC }}
+          exitZeroOnChanges: true
+
+  publish-npm:
+    needs: build
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push'
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: "0"
+          token: ${{secrets.GIT_REPO}}
+      - uses: actions/setup-node@v1
+        with:
+          registry-url: http://registry.npmjs.org
+          node-version: 14
+      - name: Node-modules cache
+        uses: actions/cache@v2
+        id: node-cache
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+      - name: Install deps
+        if: steps.node-cache.outputs.cache-hit != 'true'
+        run: yarn install --frozen-lockfile
+      - name: Gulp-build
+        run: yarn boot
+      - run: git config --global user.email "github-actions[bot]@users.noreply.github.com"
+      - run: git config --global user.name "github-actions[bot]"
+      - run: git remote set-url origin https://github-actions[bot]:$NAV_DS_TOKEN@github.com/$GITHUB_REPOSITORY.git
+        env:
+          NAV_DS_TOKEN: ${{secrets.GIT_REPO}}
+      - run: yarn lerna version patch --include-merged-tags --yes
+      - run: yarn lerna publish from-package --yes
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_AUTOMATION}}
+
+  publish-pages:
+    needs: publish-npm
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push'
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: "0"
+          token: ${{secrets.GIT_REPO}}
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      - name: Node-modules cache
+        uses: actions/cache@v2
+        id: node-cache
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+      - name: Install deps
+        if: steps.node-cache.outputs.cache-hit != 'true'
+        run: yarn install --frozen-lockfile
+      - name: Gulp-build
+        run: yarn boot
+      - name: Building Gatsby
+        run: yarn build:gatsby
+      - name: Building Storybook
+        run: yarn build-storybook
+
+      - name: Deploy to Design.nav.no 🚀
+        uses: JamesIves/github-pages-deploy-action@3.6.2
+        with:
+          GITHUB_TOKEN: $NAV_DS_TOKEN
+          BRANCH: gh-pages
+          FOLDER: website/public
+        env:
+          NAV_DS_TOKEN: ${{secrets.GIT_REPO}}
+
+      - name: Deploy storybook
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          personal_token: ${{secrets.GIT_REPO}}
+          external_repository: navikt/designsystemet
+          publish_dir: ./storybook-static
+          user_name: "github-actions[bot]"
+          user_email: "github-actions[bot]@users.noreply.github.com"

.gitignore

@@ -1,16 +1,117 @@
-/node_modules
-.idea/
-npm-debug.log
-dist/
-assets.json
-lib/
-lerna-debug.log
-examples/legacy/node_modules
-examples/legacy/out
-examples/webpack/node_modules
-examples/webpack/out
-.gitattributes
-.iml
-.DS_Store
-
-*.d.ts
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variable files
+.env*
+
+# gatsby files
+.cache/
+website/**/public
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity
+
+
+# Gatsby build/development autogenerated dirs
+**/.cache/
+**/website/public
+
+# Transpiled package files
+packages/**/lib
+*.d.ts
+
+.vscode
+# File created on build in nav-frontend-core
+*-exports.less
+
+# Copy/paste from old repo
+/node_modules
+.idea/
+npm-debug.log
+dist/
+assets.json
+lib/
+lerna-debug.log
+examples/legacy/node_modules
+examples/legacy/out
+examples/webpack/node_modules
+examples/webpack/out
+.gitattributes
+.iml
+.DS_Store
+
+*.d.ts
+*-exports.less
+**/css/
+*/figma-api/icons
+*/ds-icons/png
+packages/**/css
+utilities/**/css
+
+*/static/*.zip
+*/static/png
+@navikt/ds-icons/NAV-ikonpakke-png.zip
+@navikt/ds-icons/NAV-ikonpakke-svg.zip
+*/**/NAV-ikonpakke-png.zip
+*/**/NAV-ikonpakke-svg.zip
+
+react-docgen.json
+cjs
+esm

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/_/husky.sh

@@ -0,0 +1,30 @@
+#!/bin/sh
+if [ -z "$husky_skip_init" ]; then
+  debug () {
+    [ "$HUSKY_DEBUG" = "1" ] && echo "husky (debug) - $1"
+  }
+
+  readonly hook_name="$(basename "$0")"
+  debug "starting $hook_name..."
+
+  if [ "$HUSKY" = "0" ]; then
+    debug "HUSKY env variable is set to 0, skipping hook"
+    exit 0
+  fi
+
+  if [ -f ~/.huskyrc ]; then
+    debug "sourcing ~/.huskyrc"
+    . ~/.huskyrc
+  fi
+
+  export readonly husky_skip_init=1
+  sh -e "$0" "$@"
+  exitCode="$?"
+
+  if [ $exitCode != 0 ]; then
+    echo "husky - $hook_name hook exited with code $exitCode (error)"
+    exit $exitCode
+  fi
+
+  exit 0
+fi

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname $0)/_/husky.sh"
+
+yarn pretty-quick --staged

.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname $0)/_/husky.sh"
+
+yarn lint

.lesshintrc

@@ -1,10 +0,0 @@
-{
-  "fileExtensions": [".less", ".css"],
-  "excludedFiles": ["*Source-Sans*.less", "packages/node_modules/nav-frontend-core", "packages/node_modules/nav-frontend-skjema-style/src/assets/symbols.less"],
-  "zeroUnit": false,
-  "propertyOrdering": false,
-  "maxCharPerLine": { "limit": 120 },
-  "qualifyingElement": {
-    "allowWithClass": true
-  }
-}

.storybook/main.js

@@ -0,0 +1,32 @@
+module.exports = {
+  webpackFinal: async (config, { configType }) => {
+    config.devServer = { stats: "errors-only" };
+    return config;
+  },
+  devServer: { stats: "errors-only" },
+  stories: [
+    "../.storybook/**/*.stories.@(mdx)",
+    "../packages/**/*.stories.@(js|jsx|ts|tsx|mdx)",
+    "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
+  ],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-docs",
+    {
+      name: "@storybook/addon-storysource",
+      options: {
+        loaderOptions: {
+          injectStoryParameters: false,
+        },
+      },
+    },
+    {
+      name: "@storybook/addon-essentials",
+      options: {
+        actions: false,
+        controls: { hideNoControlsWarning: true },
+      },
+    },
+    "@whitespace/storybook-addon-html",
+  ],
+};

.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from "@storybook/addons";
+import NavTheme from "./theme.js";
+
+addons.setConfig({
+  theme: NavTheme,
+});

.storybook/preview-body.html

@@ -0,0 +1,6 @@
+<div id="decorator-wrapper">
+  <div id="decorator-header" style="display: none"></div>
+  <div id="root"></div>
+  <div id="docs-root"></div>
+  <div id="decorator-footer" style="display: none"></div>
+</div>

.storybook/preview-head.html

@@ -0,0 +1,18 @@
+<!-- prettier-ignore -->
+<div data-src='https://www.nav.no/dekoratoren/env?availableLanguages=[{"locale":"nb","url":"http://localhost:8088/dekoratoren/","handleInApp":true},{"locale":"en","url":"http://localhost:8088/dekoratoren/en/","handleInApp":true}]&breadcrumbs=[{"url":"https://www.nav.no/person/dittnav","title":"ditt%20nav"},%20{"url":"https://www.nav.no/person/kontakt-oss/nb/","title":"kontakt%20oss"}]' id="decorator-env"></div>
+<link href="https://www.nav.no/dekoratoren/css/client.css" rel="stylesheet" />
+<script async src="https://www.nav.no/dekoratoren/client.js"></script>
+<style>
+  html,
+  body,
+  #decorator-wrapper {
+    min-height: 100vh;
+  }
+  #decorator-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+  #decorator-footer {
+    margin-top: auto;
+  }
+</style>

.storybook/preview.js

@@ -0,0 +1,13 @@
+import "nav-frontend-core";
+import "@navikt/ds-css/index.css";
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  options: {
+    storySort: {
+      method: "",
+      order: [],
+      locales: "",
+    },
+  },
+};

.storybook/stories/introduction.stories.mdx

@@ -0,0 +1,33 @@
+import { Meta } from "@storybook/addon-docs/blocks";
+
+<Meta title="ds-react/Kom i gang" />
+
+# Ta i bruk `@navikt/ds-react` pakken
+
+## Oppsett
+
+```bash
+yarn add @navikt/ds-react @navikt/ds-css
+```
+
+Siden stilene ikke importeres direkte i komponentene, så må man selv importere ds-css.
+Dette gjøres for å la komponetene brukes i Nextjs prosjekter.
+
+```bash
+import "@navikt/ds-css"
+```
+
+Dette vil også legge css-variabler på :root. For å få dette til å fungere med IE11, kan denne pakken tas i bruk: https://jhildenbiddle.github.io/css-vars-ponyfill/#/
+
+## Testing
+
+For å støtte testing med eks Jest som ikke tillater ESM moduler, så kan denne configen legges til
+
+```bash
+"moduleNameMapper": {
+  "@navikt/ds-react(.*)": "@navikt/ds-react/cjs$1",
+  "@navikt/ds-icons(.*)": "@navikt/ds-icons/cjs$1"
+}
+```
+
+Dette vil remappe komponentene (og ikonpakken) til å bruke CommonJs versjonen for testing

.storybook/theme.js

@@ -0,0 +1,6 @@
+import { create } from "@storybook/theming";
+
+export default create({
+  base: "light",
+  brandTitle: "NAV Designsystem",
+});

.storybook/webpack.config.js

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

.travis.yml

@@ -1,37 +0,0 @@
-language: node_js
-node_js: 
-  - "10.13.0"
-
-before_install: 
-  - export TZ=Europe/Oslo
-
-install:
-  - npm install
-
-before_script:
-  - npm run checkversions
-  - npm run lint
-  - npm run postinstall
-
-script:
-  - npm run build
-
-before_deploy:
-  - npm run build-guideline-app
-  - git config --global user.email "eirik@archivedworks.com"
-  - git config --global user.name "navikt"
-
-deploy:
-  - provider: script
-    skip-cleanup: true
-    on:
-      branch: master
-    script:
-      - git checkout master && git remote set-url origin https://Lillebo:$GITHUB_TOKEN@github.com/navikt/nav-frontend-moduler.git && echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> ~/.npmrc && npm run lernapublish
-  - provider: pages
-    skip-cleanup: true
-    github-token: $GITHUB_TOKEN
-    on:
-      branch: master
-    keep-history: true
-    local-dir: "guideline-app/dist"

@navikt/ds-css/accordion.css

@@ -0,0 +1,78 @@
+.ReactCollapse--collapse {
+  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.navds-accordion {
+  position: relative;
+  background: var(--navds-color-background);
+  border: var(--navds-border-default);
+  border-radius: 4px;
+}
+
+.navds-accordion:hover {
+  box-shadow: var(--navds-color-hover);
+  border: var(--navds-panel-hover);
+  color: black;
+}
+
+.navds-accordion:focus,
+.navds-accordion__button:focus {
+  box-shadow: var(--navds-shadow-focus);
+  outline: none;
+}
+
+.navds-accordion__chevron {
+  width: 1.25em;
+  height: 1.25em;
+  transition: 300ms transform;
+  transform: rotateZ(0deg);
+  flex-shrink: 0;
+  margin-left: 1rem;
+}
+
+.navds-accordion__chevron--up {
+  transform: rotateZ(-180deg);
+}
+
+.navds-accordion__chevron--down {
+  transform: rotateZ(0deg);
+}
+
+.navds-accordion__button {
+  padding: 1rem;
+  border-radius: 4px;
+  background: transparent;
+  border: 0;
+  text-align: left;
+  width: 100%;
+  margin-bottom: 0;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.navds-accordion__button .navds-accordion__heading {
+  font-size: var(--navds-font-size-large);
+  font-weight: var(--navds-font-weight-bold);
+  line-height: var(--navds-font-line-height-large);
+}
+
+.navds-accordion__button:hover .navds-accordion__heading {
+  text-decoration: underline;
+  color: var(--navds-color-text-link);
+}
+
+.navds-accordion__content {
+  padding: 0.5rem 1rem 1rem;
+}
+
+.navds-accordion--open .navds-accordion__content {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.navds-accordion--open > .navds-accordion__button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}

@navikt/ds-css/alert.css

@@ -0,0 +1,74 @@
+.navds-alert {
+  border-radius: 4px;
+  border: var(--navds-border-default);
+
+  /* Padding calculated based on 16px font for 64px tall alert */
+  padding: 1.1875em 1em;
+  display: grid;
+  grid-auto-flow: column;
+  column-gap: 0.75rem;
+  justify-content: start;
+  font-size: var(--navds-font-size-small);
+  line-height: var(--navds-font-line-height-small);
+}
+
+.navds-alert--small {
+  border-radius: 0;
+  padding: 0.5em 1em;
+}
+
+.navds-alert > svg {
+  font-size: 1.5rem;
+  background: radial-gradient(
+    circle,
+    var(--navds-color-background) 50%,
+    0,
+    transparent
+  );
+}
+
+.navds-alert > span {
+  margin-top: 1px;
+}
+
+.navds-alert--error {
+  border-color: var(--navds-color-error-border);
+  background-color: var(--navds-color-error-background);
+}
+
+.navds-alert--error > svg {
+  color: var(--navds-color-red-60);
+}
+
+.navds-alert--warning {
+  border-color: var(--navds-color-warning-border);
+  background-color: var(--navds-color-warning-background);
+}
+
+.navds-alert--warning > svg {
+  color: var(--navds-color-orange-40);
+  background: radial-gradient(
+    circle,
+    var(--navds-color-darkgray) 50%,
+    0,
+    transparent
+  );
+}
+
+.navds-alert--info {
+  border-color: var(--navds-color-info-border);
+  background-color: var(--navds-color-info-background);
+}
+
+.navds-alert--info > svg {
+  color: var(--navds-color-lightblue-70);
+}
+
+.navds-alert--success {
+  border-color: var(--navds-color-success-border);
+  background-color: var(--navds-color-success-background);
+}
+
+.navds-alert--success > svg {
+  color: var(--navds-color-green-70);
+}

@navikt/ds-css/baseline/Source-Sans-Pro-600.css

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: "Source Sans Pro";
+  font-weight: 600;
+  font-style: normal;
+  src: url(data:application/font-woff;base64,d09GRgABAAAAAGs8ABIAAAABObAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABlAAAABwAAAAcgbAfskdERUYAAAGwAAAAUAAAAGQKXws7R1BPUwAAAgAAACMhAAC0xJ5YlXNHU1VCAAAlJAAAApkAAAWOhmdQKU9TLzIAACfAAAAAWQAAAGBe39OaY21hcAAAKBwAAAG2AAACKkTtz/ZjdnQgAAAp1AAAAC4AAAAuA9EOJGZwZ20AACoEAAABAgAAAXMGWZw3Z2FzcAAAKwgAAAAIAAAACAAAABBnbHlmAAArEAAANKEAAGTowwXT7WhlYWQAAF+0AAAANgAAADYNjyK7aGhlYQAAX+wAAAAgAAAAJAZ4AoRobXR4AABgDAAAAm8AAAQq4JchCmxvY2EAAGJ8AAACGQAAAiQkzT8obWF4cAAAZJgAAAAgAAAAIAMoAZ1uYW1lAABkuAAAA0AAAAhsMGQcaHBvc3QAAGf4AAAC7QAABP8BLWbjcHJlcAAAaugAAABTAAAAVlMavjgAAAABAAAAANXtRbgAAAAA0goY/AAAAADZuMD9eNodjDEKgEAQAyd7VoeFD7P0w2qjlfoX70BBMUgYGEJ2EdCanoEgI0YzOcHMYl/ZSRyc9uIElct+89hfBVJS503jP/ETvtrcZ/f6AG+/EKB42u1dC5BcVZn+p9MZOp3OECZtHMaERMwiYEiChLwJgQoPERFYQEVgVXysJAFES9Ha3VpeEi1kcSu1m4pZTVHZMlqCQafYkE1BjEOM7IghxjA1Ow6TSdMOM83QGTudsRnq7Hf+c+695z66+/ZjhkD2/nVv377P8/jP/z7/pQYiitNa+ilFV19+9Q3Uevs371lLc790zxfW0Mq1n/3anXQtRXENCcG/DRShCdUeWfOFe+6k1nWfvWcNzV63Zt0aOverX/7WF2gBXyGvm6CvlVv1hM+TtUykBCVpBs2hufqZS9RvJK5+J9xCjQ3ydzc/YVL0H6IvNt7TuOWU6Ozd13z+zs7/vI0aGlY0NGF7NZ41my6lK+kauoFups/QF9EG99C99E/0IH2XHqN/o830OG2jJ6mNdtJu2ksddIA6qYdSNEBZytMonjMtEkE5Hop0WfsNj/H+ZD7+SuRV7E/i/fvlcWyf5+uft+5Sxxue4Hvn8rbZ2J/J9/bzNsXbH0S+i+Pv5f2/8jVf5/0sbwVvh/j4Zudp+l0P8JGn9PFDaKVTaDXdirbaBmhFPXfS+1DX3WjlXwNm0vOAM+g3gFm4OkK/pd+jgeMNU3FnE+5bhnUV1suxXo31eqyfxHqb7rk7sN6N9etY/wHr/VjXoyTEparrtqEZfdLQMAM9O5NWVN23DQ3viWzF9m94ey1vl/J2Fm9n8/bveXuV3NL3eP9zvF3ORx7j/a851zRcx9sLjf15vJ3J26m8vYK3Cd6qJ5zKTyvwfqvcRs6KPI39m3i/GdsIMH8OXcStuh49uAnwPmoHzCDZJhMaYjjXiLUV62ysZ2Gdi/XDWJdw220tu72GVmJ7E1q2Eb2exLNm4zlz8fyb5bhrSPL2NN5O5ZGZ4u0R3jbi2kW0GDhyE32CR/f+hkk8QuNYp8q38HVqexbwrQHXJ3BFI7ayDK/wtp3v/R968UTHRJRB0qMoNaOdzgUuTgCmtdB2tPdTWCPYm469M3HFk2jNn1MMRxbgyKU4dyrqfAbXW95/Di2lT1OkYQs/MUM5tNlkUNWMyAOyYoBhmAKXYseBGyfu0QaNCxHsnwWIogXPxfbDgCgtBETRvleiTT8CaKCrABH09vU4cgNgAnDsE+AVnwI0YvTfDPy4BRCj7wCitIE2YivHSZR+Qk/g+jbaga2kfRPoOUCMfgWI0R5AhMdSlOngBDpGx+V4BETpTUAEPOAtHFHlPZf7qBX92oD3E3onAxi2a2SuEVAlefW1wNEIxgCJgkjjdyp6Myf6sO0TWSqziF1iv+i0R4/vHac/Kd/x3lRLI51O38KRJokrYrvoEbtFl2gHlp2EC8bNLrTBtpOy7lmRFt3YdgAD+oGd3bzXJzr5zAiOpLF2iBRaqRfbNLYZceAdX+8B3vbb/529vJtSWmfQHpK+Zk7oWkk6YVCJeuG02HZi13vM2jMj9tNq0UYx0QYaMUAzxFH5H62MM8CHAZzZ9a6r9SGLF4u9bt6MMyQGjePjXbK05G5o91HwRg8Nd7aeM51q9Hp7ln+aZJ1EX+i3D+Ddh1jK6sS/PkVFxrH+wyfhGBw9Ceo4HIy7DpeWHCsI2wKPDfMalbgvurE9jPVZuYqn7Wue5e1h/e9p4HWGr9ccDnKA5PyS9x9mvB/W+724YhjyQLf4k33+TyeGJDPuUmOWZYL8CYNFT9NCsRW/W8UGfQj/xUt8hvh3Q+B9beByJPZZ/5x973mR4v/YioOQBZ8DHMRZ7JUoVQr4kmHdJgEdKha6OtHiT5T4Df4bUibh6xKyDvzUmPc+Vat6UmNd5zhzzhZA2CVeps67KqhzFNLKLq5xnFp0D4xlnbvsOrdIvbUOde7iOm+rqJ9btMwbh+ac8T+vujqH5UFi50nIn0/GOu+l/19qXaZ6pPdQFENbtwL/uY8ovV1uIaX0s3U0Lf9rfj1VbKe5cltKpxcH/Vyft7kiusaAI4mIIWnDO3GlG5GTtajg+iJ1kfV0nlnXOufGq85aNhhLWTFjtmF1NbPuCmphlt4LgZqv7JN0wB17xrzOaVedh6p6SqE49ssR6KtzX0nN6B3Rz6rGweOoeD8rCwVFaCI1A6bRxYCJdDugkb4JiNN9AOlFuxzHJ9IUHIljeypgEkts36DTAJPoTECc5gBuYY/LOva4rKPzAF9jv8s69ruso0WAW2kxYBktASynpYCL8G8Z3r4c8He0AnAJjl1En6HVgDvYW7OWvTVr2FuzmK4GfJU+BljKnpu17LlZS58EfJ09NyvYc7OSPg24jf03q/DmW1GvdYB76S7AN+gfAefQ/fQwzkvvzjr6V8Ai9vGsYx/POvoB/RDl+hHgEvb53sFen7X0JD2FMkjfz1r2/ayl/6Zn8XbpAVrFHqBV7AFazB6gdewBWkt7AZdQHx3B21OAyfQqIEFpwCT6M2Ay9QMS9BpgEg0CJtHrgHtpCHAO+5DWsA9pHfuQFrMPaQ37jJrRirejjvdR5LzbpAR/zk8/9Hn6KF2hLfeD0ksE7XxQ/P7EkYlEB8vfCTEq+pjvjmKkJikJObqXLWddY16WrNjNNpOsOCz2ih/zwSTLGE2shZKLJjarEmKVe38BlyhgjCUxelvFm9Bvd6PMPxF76sHZHErG5SswFWtkSpYvxeX5ykK96DLWAr8/A3oZFyPaFhrHGjWsowE6mmXxUKW3ystUaagYzSpHMflZ6VBtlvfZCKI+W8EU19P7xau1yU7iOPB2pALJrLGUzZK9Z6lwGi2uPSox0eYiMX/f+Lm4eMWxTcme49a12m0C+ILCgAL32eHwbcN3DWJ7GOMjL46UlhFZ6hgtJc+hX0Ykj5Y+cV1CjYmVWnyNtxZKnq3QUmeVq/x9PuyNcw8Mh21ZbevIl7qiomUueNVccOgWmhn4vN84WGTsFSwsM9pxJp1N88B3r9L/Z3DvZw0alodsMEkcr4A2/xj3RU37otYHY6V0wPrYWa2n2BJap9js7j3xpEFvuhWvYjoyxDg7yNb0QdSiz6Y3LThyL66Q9vCs1aLiZYczos0ypXUnPHFHpVqYLAVb+Qf5X7vYgbF5cKwlXN2HNdDUarxYor0upU/XcO9hXfOXi1lPxZtBOrHqNd1vpq1zUnG5QI4oUpF5lZRwxIPb+fHyikgebr/1z/Yonoy9RBEcnuY5GKMTd0kU90W4W3487Td1W6LslZFScXPgea99vknJOHXAmoq950qmt+7W1rahovJKbfJyk8ZL1TaJkJhC5XCl6tbq9EqHbyfOiB7dNgqCKGs04H+0dJ1CtkRKcTnI5QPgeIO+C1Aiy7Ptlhts3Ml5x68hBeXFa+I5Te1z0GoqlRpHWQOQetII0zqp+bLVxnmr7/2FEJJoKN4l/og2OYp3D6LsPWjfJKSTqLv+4nc+ft7Pdc2yfCNlm1f5aI/yOppcG1e9bMsAhXJtE14q5KvfMPaPBl6yIJxeHXYMnURLvIJ+2KionysymGmbHHcywqBq+t0TjmpBll4vfgG5+efikHhc3KZosYw65fgTjk4Qm3yc4TCP3lfEH2TUC/b/wNvHxfdQj03iUS2dyJH4F/H7YA22mNzIspQcU5lK7is9omteGjWPqvTdDrWZStNBIWaVvC5ZY00V/ZjNUM8lOS7jJho8cgyrwvHi8g0w+HVJb5lPZUvrtI7FRG+l5WfA9oAc52fY/jX9/mgx3bg0R9Eaar9ejyv+J8emtuQNl5C/AuQtHz/LlZft2Qo5qktyRPO3KDD6FLR4LLCl4p6yRLmVMrZMclhHOQ0ElwV8MRuaTj2GVsl4aGLJdmXvck+teoK+7nWXreKgWK9l7qnaPvNtQ9fsEi96scCWc3brA+/lf3ezDe81YJK2QBpSz54AOYrKynRMQ8R/GdHyafvdBU1hEvpXlm8Gl3+eUzbll3d7zRQ+hKWBLGkNuy0LLLeU9G+XlVxCSn14+ygwb0Tfk7BbSUrFTZ5eUVaAqAc7o8peaFNkhanDPP6ltbVPy13lZ/9kNJ/KYAQPjYmXJV7LzdzXmSC7SClqVdIaHNpqYONYVtO3Zt3iCfSS1nvFMc9N0wPeFvX1f9bsORz5a8Xt8mI9dMNy+gGoSHdx643ujcOBF0wSbxmUYtA/Rnz8Yqar16UX7qhHOp8QeiT2iQ2OvY3xe6vGRZs3O7N3DH1poARf7tGybBBPdse+esoNjr5edIBvdUNG7Zd0VHxfxVLz2V2iE2O3Hdj2PD8/JY5AYpXXddse2qRsHfEge4J2iWewdvC9Oy3tRPzCjDwSbUa/TTckt9ZQttLine truncated
+    format("woff");
+}

@navikt/ds-css/baseline/Source-Sans-Pro-italic.css

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: "Source Sans Pro";
+  font-weight: 400;
+  font-style: italic;
+  src: url(data:application/font-woff;base64,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 truncated
+    format("woff");
+}

@navikt/ds-css/baseline/Source-Sans-Pro-regular.css

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: "Source Sans Pro";
+  font-weight: 400;
+  font-style: normal;
+  src: url(data:application/font-woff;base64,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 truncated
+    format("woff");
+}

@navikt/ds-css/baseline/baseline.css

@@ -0,0 +1,18 @@
+@import "@navikt/ds-tokens";
+@import "normalize.css";
+@import "Source-Sans-Pro-regular.css";
+@import "Source-Sans-Pro-italic.css";
+@import "Source-Sans-Pro-600.css";
+@import "print.css";
+@import "utility.css";
+
+body {
+  font-family: var(--navds-font-family);
+  line-height: 1.375;
+  color: var(--navds-color-text-primary);
+  font-size: 1.125rem;
+}
+
+a {
+  color: var(--navds-color-text-link);
+}

@navikt/ds-css/baseline/print.css

@@ -0,0 +1,75 @@
+/* ==========================================================================
+   Print styles copied from https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
+   Inlined to avoid the additional HTTP request:
+   https://www.phpied.com/delay-loading-your-print-css/
+   ========================================================================== */
+
+@media print {
+  *,
+  *::before,
+  *::after {
+    background: #fff !important;
+    color: #000 !important;
+
+    /* Black prints faster */
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]::after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]::after {
+    content: " (" attr(title) ")";
+  }
+
+  /*
+     * Don't show links that are fragment identifiers,
+     * or use the `javascript:` pseudo protocol
+     */
+  a[href^="#"]::after,
+  a[href^="javascript:"]::after {
+    content: "";
+  }
+
+  pre {
+    white-space: pre-wrap !important;
+  }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+
+  /*
+     * Printing Tables:
+     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
+     */
+  thead {
+    display: table-header-group;
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+}

@navikt/ds-css/baseline/utility.css

@@ -0,0 +1,43 @@
+/*
+ * From https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
+ *
+ * Hide only visually, but have it available for screen readers:
+ * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+ *
+ * 1. For long content, line feeds are not interpreted as spaces and small width
+ *    causes content to wrap 1 word per line:
+ *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
+ */
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+
+  /* 1 */
+}
+
+/*
+ * From https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
+ *
+ * Extends the .sr-only class to allow the element
+ * to be focusable when navigated to via the keyboard:
+ * https://www.drupal.org/node/897638
+ */
+
+.sr-only.focusable:active,
+.sr-only.focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  white-space: inherit;
+  width: auto;
+}

@navikt/ds-css/button.css

@@ -0,0 +1,278 @@
+.navds-button {
+  display: inline-block;
+  cursor: pointer;
+  background-color: var(--navds-color-background);
+  color: var(--navds-color-action-default);
+  font: inherit;
+  margin: 0;
+  text-align: center;
+  text-decoration: none;
+  font-size: var(--navds-font-size-small);
+  line-height: var(--navds-font-line-height-small);
+  border-color: var(--navds-color-action-default);
+  border-radius: 2px;
+  border-style: solid;
+  border-width: 2px;
+
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: calc(0.5625em - 2px) calc(2em - 2px);
+}
+
+.navds-button.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: calc(0.3125em - 2px) calc(1.11em - 2px);
+}
+
+.navds-button:focus {
+  outline: none;
+  box-shadow: var(--navds-shadow-focus);
+}
+
+/**************************
+ * .navds-button--primary *
+ **************************/
+
+.navds-button--primary:hover,
+.navds-button--primary:active {
+  color: var(--navds-color-text-inverse);
+  background-color: var(--navds-color-action-hover);
+  border-width: 0;
+
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: 0.5625em 2em;
+}
+
+.navds-button--primary:hover.navds-button--small,
+.navds-button--primary:active.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: 0.3125em 1.11em;
+}
+
+.navds-button--primary:active {
+  background-color: var(--navds-color-action-active);
+}
+
+/****************************
+ * .navds-button--secondary *
+ ****************************/
+
+.navds-button--secondary {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+.navds-button--secondary:hover,
+.navds-button--secondary:focus,
+.navds-button--secondary:active {
+  border-color: var(--navds-color-action-default);
+}
+
+/*************************
+ * .navds-button--action *
+ * .navds-button--danger *
+ *************************/
+
+.navds-button--action {
+  background-color: var(--navds-color-action-default);
+  border-color: var(--navds-color-action-default);
+}
+
+.navds-button--danger {
+  background-color: var(--navds-color-danger-default);
+  border-color: var(--navds-color-danger-default);
+}
+
+.navds-button--action,
+.navds-button--danger {
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: 0.5625em 2em;
+  border-width: 0;
+  transform: translateY(calc(-1 * 2px));
+  position: relative;
+  color: var(--navds-color-text-inverse);
+}
+
+.navds-button--action.navds-button--small,
+.navds-button--danger.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: 0.3125em 1.11em;
+}
+
+.navds-button--action:not(:focus),
+.navds-button--danger:not(:focus) {
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.25);
+}
+
+.navds-button--action:hover {
+  background-color: var(--navds-color-action-hover);
+}
+
+.navds-button--danger:hover {
+  background-color: var(--navds-color-danger-hover);
+}
+
+.navds-button--danger:hover,
+.navds-button--action:hover {
+  transform: translateY(calc(-1 * 3px));
+  position: relative;
+}
+
+.navds-button--action:hover:not(:focus),
+.navds-button--danger:hover:not(:focus) {
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 3px 0 rgba(0, 0, 0, 0.25);
+}
+
+.navds-button--action:active {
+  background-color: var(--navds-color-action-active);
+}
+
+.navds-button--danger:active {
+  background-color: var(--navds-color-danger-active);
+}
+
+.navds-button--action:active,
+.navds-button--danger:active {
+  transform: translateY(0);
+  position: relative;
+}
+
+.navds-button--action:active:not(:focus),
+.navds-button--danger:active:not(:focus) {
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 0 0 rgba(0, 0, 0, 0.25);
+}
+
+.navds-button--action:focus {
+  color: var(--navds-color-action-default);
+  background-color: var(--navds-color-background);
+}
+
+.navds-button--danger:focus {
+  color: var(--navds-color-danger-default);
+  background-color: var(--navds-color-background);
+}
+
+.navds-button--danger:focus,
+.navds-button--action:focus {
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: calc(0.5625em - 2px) calc(2em - 2px);
+  transform: translateY(calc(-1 * 2px));
+  position: relative;
+  border-width: 2px;
+}
+
+.navds-button--action:focus.navds-button--small,
+.navds-button--danger:focus.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: calc(0.3125em - 2px) calc(1.11em - 2px);
+}
+
+.navds-button--action:hover:focus {
+  background-color: var(--navds-color-action-hover);
+}
+
+.navds-button--danger:hover:focus {
+  background-color: var(--navds-color-danger-hover);
+}
+
+.navds-button--action:hover:focus,
+.navds-button--danger:hover:focus {
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: 0.5625em 2em;
+  border-width: 0;
+  color: var(--navds-color-text-inverse);
+}
+
+.navds-button--action:hover:focus.navds-button--small,
+.navds-button--danger:hover:focus.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: 0.3125em 1.11em;
+}
+
+.navds-button--action:active:focus {
+  color: var(--navds-color-action-active);
+  border-color: var(--navds-color-action-active);
+}
+
+.navds-button--danger:active:focus {
+  color: var(--navds-color-danger-active);
+  border-color: var(--navds-color-danger-active);
+}
+
+.navds-button--action:active:focus,
+.navds-button--danger:active:focus {
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: calc(0.5625em - 2px) calc(2em - 2px);
+  transform: translateY(0);
+  position: relative;
+  border-width: 2px;
+  background-color: var(--navds-color-background);
+}
+
+.navds-button--action:active:focus.navds-button--small,
+.navds-button--danger:active:focus.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: calc(0.3125em - 2px) calc(1.11em - 2px);
+}
+
+.navds-button--action:hover:focus:active {
+  color: var(--navds-color-text-inverse);
+  background-color: var(--navds-color-action-active);
+}
+
+.navds-button--danger:hover:focus:active {
+  color: var(--navds-color-text-inverse);
+  background-color: var(--navds-color-danger-active);
+}
+
+/**************************
+ * ::before *
+ **************************/
+
+.navds-button--action::before,
+.navds-button--danger::before {
+  bottom: calc(-1 * 2px);
+  height: 2px;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+
+.navds-button--action:hover::before,
+.navds-button--danger:hover::before {
+  bottom: calc(-1 * 3px);
+  height: 3px;
+}
+
+.navds-button--action:focus::before,
+.navds-button--danger:focus::before {
+  bottom: calc(-1 * 2px);
+  height: 2px;
+}
+
+.navds-button--action:active::before,
+.navds-button--danger:active::before {
+  bottom: 0;
+  height: 0;
+}
+
+/**************************
+ * .navds-button:disabled *
+ **************************/
+
+.navds-button:disabled:disabled {
+  /* Padding calculated based on 16px font for 40px tall button */
+  padding: 0.5625em 2em;
+  background-color: var(--navds-color-disabled);
+  color: var(--navds-color-text-inverse);
+  cursor: not-allowed;
+  border-width: 0;
+  box-shadow: none;
+  transform: none;
+}
+
+.navds-button:disabled:disabled.navds-button--small {
+  /* Padding calculated based on 16px font for 32px tall button */
+  padding: 0.3125em 1.11em;
+}

@navikt/ds-css/content-container.css

@@ -0,0 +1,12 @@
+.navds-content-container {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: var(--navds-content-container-max-width);
+  padding: var(--navds-content-container-padding-small);
+}
+
+@media (min-width: 448px) {
+  .navds-content-container {
+    padding: var(--navds-content-container-padding-medium-and-larger);
+  }
+}

@navikt/ds-css/grid.css

@@ -0,0 +1,217 @@
+/**************************
+ * .navds-grid *
+ **************************/
+
+.navds-grid {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  grid-gap: var(--navds-grid-gutter-small);
+}
+
+@media (min-width: 448px) {
+  .navds-grid {
+    grid-gap: var(--navds-grid-gutter-medium-and-larger);
+  }
+}
+
+/**************************
+ * .navds-grid__cell *
+ **************************/
+
+.navds-grid__cell--xs-1 {
+  grid-column: span 1;
+}
+
+.navds-grid__cell--xs-2 {
+  grid-column: span 2;
+}
+
+.navds-grid__cell--xs-3 {
+  grid-column: span 3;
+}
+
+.navds-grid__cell--xs-4 {
+  grid-column: span 4;
+}
+
+.navds-grid__cell--xs-5 {
+  grid-column: span 5;
+}
+
+.navds-grid__cell--xs-6 {
+  grid-column: span 6;
+}
+
+.navds-grid__cell--xs-7 {
+  grid-column: span 7;
+}
+
+.navds-grid__cell--xs-8 {
+  grid-column: span 8;
+}
+
+.navds-grid__cell--xs-9 {
+  grid-column: span 9;
+}
+
+.navds-grid__cell--xs-10 {
+  grid-column: span 10;
+}
+
+.navds-grid__cell--xs-11 {
+  grid-column: span 11;
+}
+
+.navds-grid__cell--xs-12 {
+  grid-column: span 12;
+}
+
+@media (min-width: 448px) {
+  .navds-grid__cell--sm-1 {
+    grid-column: span 1;
+  }
+
+  .navds-grid__cell--sm-2 {
+    grid-column: span 2;
+  }
+
+  .navds-grid__cell--sm-3 {
+    grid-column: span 3;
+  }
+
+  .navds-grid__cell--sm-4 {
+    grid-column: span 4;
+  }
+
+  .navds-grid__cell--sm-5 {
+    grid-column: span 5;
+  }
+
+  .navds-grid__cell--sm-6 {
+    grid-column: span 6;
+  }
+
+  .navds-grid__cell--sm-7 {
+    grid-column: span 7;
+  }
+
+  .navds-grid__cell--sm-8 {
+    grid-column: span 8;
+  }
+
+  .navds-grid__cell--sm-9 {
+    grid-column: span 9;
+  }
+
+  .navds-grid__cell--sm-10 {
+    grid-column: span 10;
+  }
+
+  .navds-grid__cell--sm-11 {
+    grid-column: span 11;
+  }
+
+  .navds-grid__cell--sm-12 {
+    grid-column: span 12;
+  }
+}
+
+@media (min-width: 648px) {
+  .navds-grid__cell--md-1 {
+    grid-column: span 1;
+  }
+
+  .navds-grid__cell--md-2 {
+    grid-column: span 2;
+  }
+
+  .navds-grid__cell--md-3 {
+    grid-column: span 3;
+  }
+
+  .navds-grid__cell--md-4 {
+    grid-column: span 4;
+  }
+
+  .navds-grid__cell--md-5 {
+    grid-column: span 5;
+  }
+
+  .navds-grid__cell--md-6 {
+    grid-column: span 6;
+  }
+
+  .navds-grid__cell--md-7 {
+    grid-column: span 7;
+  }
+
+  .navds-grid__cell--md-8 {
+    grid-column: span 8;
+  }
+
+  .navds-grid__cell--md-9 {
+    grid-column: span 9;
+  }
+
+  .navds-grid__cell--md-10 {
+    grid-column: span 10;
+  }
+
+  .navds-grid__cell--md-11 {
+    grid-column: span 11;
+  }
+
+  .navds-grid__cell--md-12 {
+    grid-column: span 12;
+  }
+}
+
+@media (min-width: 960px) {
+  .navds-grid__cell--lg-1 {
+    grid-column: span 1;
+  }
+
+  .navds-grid__cell--lg-2 {
+    grid-column: span 2;
+  }
+
+  .navds-grid__cell--lg-3 {
+    grid-column: span 3;
+  }
+
+  .navds-grid__cell--lg-4 {
+    grid-column: span 4;
+  }
+
+  .navds-grid__cell--lg-5 {
+    grid-column: span 5;
+  }
+
+  .navds-grid__cell--lg-6 {
+    grid-column: span 6;
+  }
+
+  .navds-grid__cell--lg-7 {
+    grid-column: span 7;
+  }
+
+  .navds-grid__cell--lg-8 {
+    grid-column: span 8;
+  }
+
+  .navds-grid__cell--lg-9 {
+    grid-column: span 9;
+  }
+
+  .navds-grid__cell--lg-10 {
+    grid-column: span 10;
+  }
+
+  .navds-grid__cell--lg-11 {
+    grid-column: span 11;
+  }
+
+  .navds-grid__cell--lg-12 {
+    grid-column: span 12;
+  }
+}

@navikt/ds-css/index.css

@@ -0,0 +1,13 @@
+@import "baseline/baseline.css";
+@import "accordion.css";
+@import "alert.css";
+@import "button.css";
+@import "content-container.css";
+@import "grid.css";
+@import "internal-header.css";
+@import "layout.css";
+@import "link.css";
+@import "modal.css";
+@import "popover.css";
+@import "tag.css";
+@import "typography.css";

@navikt/ds-css/internal-header.css

@@ -0,0 +1,72 @@
+/**************************
+ * .navds-header *
+ **************************/
+
+.navds-header {
+  display: flex;
+  align-items: center;
+  background: var(--navds-color-darkgray);
+  color: white;
+  max-width: 100vw;
+  min-height: 50px;
+}
+
+.navds-header__column {
+  display: flex;
+  align-items: center;
+}
+
+/**************************
+  * .navds-header__title *
+  **************************/
+
+.navds-header__title {
+  padding: 0 1.5rem 0 1.5rem;
+  border-right: 1px solid var(--navds-color-gray-40);
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  text-decoration: none;
+  margin: 0;
+  color: var(--navds-color-text-inverse);
+  font-size: var(--navds-font-size-medium);
+  font-weight: var(--navds-font-weight-bold);
+  line-height: var(--navds-font-line-height-medium);
+}
+
+.navds-header__title > span > a {
+  text-decoration: none;
+  color: inherit;
+}
+
+.navds-header__title > span > a:focus {
+  box-shadow: var(--navds-shadow-focus-on-dark);
+  outline: none;
+}
+
+/**************************
+  * .navds-header__user *
+  **************************/
+
+.navds-header__user {
+  color: var(--navds-color-text-inverse);
+  padding: 0 1.5rem 0 1.5rem;
+  margin-left: auto;
+  border-left: 1px solid var(--navds-color-gray-40);
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+}
+
+.navds-header__name {
+  margin-right: 1rem;
+  font-size: var(--navds-font-size-small);
+  font-weight: var(--navds-font-weight-bold);
+  line-height: var(--navds-font-line-height-small);
+}
+
+.navds-header__ident {
+  font-size: var(--navds-font-size-xs);
+  font-weight: var(--navds-font-weight-bold);
+  line-height: var(--navds-font-line-height-xs);
+}

@navikt/ds-css/layout.css

@@ -0,0 +1,117 @@
+.navds-layout__container {
+  display: grid;
+  grid-gap: var(--navds-grid-gutter-small);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.navds-layout__container--1-columns,
+.navds-layout__container--2-columns {
+  max-width: 60rem;
+}
+
+.navds-layout__container--3-columns {
+  max-width: 79.5rem;
+}
+
+.navds-layout__section--white > * {
+  background: white;
+}
+
+.navds-layout__section--padding > * {
+  padding: var(--navds-layout-padding-small);
+}
+
+.navds-layout__section--sticky > * {
+  top: var(--navds-grid-gutter-small);
+  position: sticky;
+}
+
+.navds-layout__section--left,
+.navds-layout__section--main,
+.navds-layout__section--right {
+  grid-column: span 12;
+}
+
+@media (min-width: 448px) {
+  .navds-layout__container {
+    grid-gap: var(--navds-grid-gutter-medium-and-larger);
+  }
+
+  .navds-layout__section--padding.navds-layout__section--left > *,
+  .navds-layout__section--padding.navds-layout__section--main > *,
+  .navds-layout__section--padding.navds-layout__section--right > * {
+    padding: var(--navds-layout-padding-medium-and-larger);
+  }
+}
+
+@media (min-width: 648px) {
+  .navds-layout__container {
+    grid-gap: var(--navds-grid-gutter-medium-and-larger);
+  }
+
+  .navds-layout__section--padding.navds-layout__section--right > * {
+    padding: var(--navds-layout-padding-small);
+  }
+
+  /* prettier-ignore */
+  .navds-layout__container--2-columns > .navds-layout__section--padding.navds-layout__section--left > * {
+    padding: var(--navds-layout-padding-small);
+  }
+
+  .navds-layout__container--1-columns > .navds-layout__section--main {
+    grid-column: span 10;
+  }
+
+  .navds-layout__container--2-columns > .navds-layout__section--left,
+  .navds-layout__container--2-columns > .navds-layout__section--right {
+    grid-row: 1;
+    grid-column: span 4;
+  }
+
+  .navds-layout__container--2-columns > .navds-layout__section--main {
+    grid-row: 1;
+    grid-column: span 8;
+  }
+
+  .navds-layout__container--3-columns > .navds-layout__section--left {
+    grid-row: 1;
+    grid-column: span 8;
+  }
+
+  .navds-layout__container--3-columns > .navds-layout__section--main {
+    grid-row: 2;
+    grid-column: span 8;
+  }
+
+  .navds-layout__container--3-columns > .navds-layout__section--right {
+    grid-column: span 4;
+    grid-row: 1 / span 2;
+  }
+}
+
+@media (min-width: 960px) {
+  .navds-layout__section--padding.navds-layout__section--left > * {
+    padding: var(--navds-layout-padding-small);
+  }
+
+  .navds-layout__container--1-columns > .navds-layout__section--main {
+    grid-column: span 8;
+  }
+
+  .navds-layout__container--3-columns > .navds-layout__section--left {
+    grid-row: 1;
+    grid-column: span 3;
+  }
+
+  .navds-layout__container--3-columns > .navds-layout__section--main {
+    grid-row: 1;
+    grid-column: span 6;
+  }
+
+  .navds-layout__container--3-columns > .navds-layout__section--right {
+    grid-row: 1;
+    grid-column: span 3;
+  }
+}

@navikt/ds-css/link.css

@@ -0,0 +1,36 @@
+.navds-link {
+  color: var(--navds-color-text-link);
+  text-decoration: underline;
+  display: inline-grid;
+  grid-auto-flow: column;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.navds-link:hover {
+  text-decoration: none;
+}
+
+.navds-link:focus {
+  outline: none;
+  color: var(--navds-color-text-inverse);
+  text-decoration: none;
+  background-color: var(--navds-text-focus);
+  box-shadow: var(--navds-text-shadow);
+}
+
+.navds-link:active {
+  outline: none;
+  color: var(--navds-color-text-inverse);
+  text-decoration: none;
+  background-color: var(--navds-text-focus);
+  box-shadow: var(--navds-text-shadow);
+}
+
+.navds-link svg {
+  color: var(--navds-color-text-link);
+}
+
+.navds-link:focus svg {
+  color: var(--navds-color-text-inverse);
+}

@navikt/ds-css/modal.css

@@ -0,0 +1,57 @@
+.ReactModal__Body--open {
+  overflow: hidden;
+}
+
+.navds-modal {
+  background-color: var(--navds-color-background);
+  display: block;
+  position: relative;
+  padding: 1rem;
+  border-radius: 4px;
+  overflow: auto;
+  max-height: 100%;
+  z-index: var(--navds-z-index-modal-content);
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.navds-modal:focus,
+.navds-modal--focus {
+  box-shadow: var(--navds-shadow-focus);
+  outline: none;
+}
+
+.navds-modal__overlay {
+  position: absolute;
+  z-index: var(--navds-z-index-modal-overlay);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--navds-color-modal-overlay);
+  padding: 1rem;
+}
+
+.navds-modal__button--shake {
+  transform: rotate(0deg);
+  transition: transform 100ms cubic-bezier(0.82, 2, 1, 0.3);
+}
+
+/* prettier-ignore */
+.navds-modal__overlay:active > .navds-modal:not(:active) > .navds-modal__button--shake {
+  transform: rotate(10deg);
+  transition: transform 100ms cubic-bezier(0.82, -2, 1, 0.3);
+}
+
+.navds-modal__button {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  display: flex;
+}
+
+.navds-modal__button svg {
+  /* 24x24px */
+  height: 1.5rem;
+  width: 1.5rem;
+}

@navikt/ds-css/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@navikt/ds-css",
+  "version": "0.2.1",
+  "private": false,
+  "description": "Css for NAV Designsystem components",
+  "author": "NAV Designsystem team",
+  "keywords": [
+    "css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
+  },
+  "main": "./dist/index.css",
+  "scripts": {
+    "build": "postcss --use postcss-import -o dist/index.css index.css",
+    "watch-css": "postcss -w --use postcss-import -o dist/index.css index.css"
+  },
+  "devDependencies": {
+    "@navikt/ds-tokens": "^0.1.0",
+    "normalize.css": "^8.0.1",
+    "postcss": "^8.2.7",
+    "postcss-cli": "^8.3.1",
+    "postcss-import": "^14.0.0"
+  }
+}

@navikt/ds-css/popover.css

@@ -0,0 +1,77 @@
+.navds-popover {
+  z-index: var(--navds-z-index-popover-default);
+  background-color: var(--navds-color-background);
+  box-shadow: 0 0.05rem 0.25rem 0.125rem rgba(0, 0, 0, 0.08);
+  border: var(--navds-border-default);
+  border-radius: 2px;
+  padding: 1rem;
+}
+
+.navds-popover--small {
+  padding: 0.5rem;
+}
+
+.navds-popover--hidden {
+  display: none;
+}
+
+.navds-popover:focus {
+  outline: none;
+  box-shadow: var(--navds-shadow-focus);
+}
+
+.navds-popover__arrow {
+  z-index: var(--navds-z-index-popover-arrow);
+}
+
+.navds-popover__arrow::before {
+  content: "";
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  transform: rotate(45deg);
+  background-color: var(--navds-color-background);
+  border: var(--navds-border-default);
+}
+
+.navds-popover__arrow::before .navds-popover--small {
+  width: 0.67rem;
+  height: 0.67rem;
+}
+
+.navds-popover[data-popper-placement^="top"] > .navds-popover__arrow {
+  bottom: calc(1rem / -2);
+}
+
+.navds-popover[data-popper-placement^="top"] > .navds-popover__arrow::before {
+  border-left-color: transparent;
+  border-top-color: transparent;
+}
+
+.navds-popover[data-popper-placement^="bottom"] > .navds-popover__arrow {
+  top: calc(1rem / -2);
+}
+
+/* prettier-ignore */
+.navds-popover[data-popper-placement^="bottom"] > .navds-popover__arrow::before {
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+}
+
+.navds-popover[data-popper-placement^="left"] > .navds-popover__arrow {
+  right: calc(1rem / -2);
+}
+
+.navds-popover[data-popper-placement^="left"] > .navds-popover__arrow::before {
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+}
+
+.navds-popover[data-popper-placement^="right"] > .navds-popover__arrow {
+  left: calc(1rem / -2);
+}
+
+.navds-popover[data-popper-placement^="right"] > .navds-popover__arrow::before {
+  border-right-color: transparent;
+  border-top-color: transparent;
+}

@navikt/ds-css/tag.css

@@ -0,0 +1,32 @@
+.navds-tag {
+  border-radius: 4px;
+  border: var(--navds-border-default);
+  background-color: var(--navds-color-tag-info-background);
+  border-color: var(--navds-color-tag-info-border);
+  font-size: var(--navds-font-size-xs);
+  line-height: var(--navds-font-line-height-xs);
+  display: inline-block;
+
+  /* Padding calculated based on 16px font for 24px tall tag */
+  padding: 0.0625rem 0.5rem;
+}
+
+.navds-tag--error {
+  background-color: var(--navds-color-tag-error-background);
+  border-color: var(--navds-color-tag-error-border);
+}
+
+.navds-tag--success {
+  background-color: var(--navds-color-tag-success-background);
+  border-color: var(--navds-color-tag-success-border);
+}
+
+.navds-tag--warning {
+  background-color: var(--navds-color-tag-warning-background);
+  border-color: var(--navds-color-tag-warning-border);
+}
+
+.navds-tag--info {
+  background-color: var(--navds-color-tag-info-background);
+  border-color: var(--navds-color-tag-info-border);
+}

@navikt/ds-css/typography.css

@@ -0,0 +1,63 @@
+/*
+ * Heading
+ */
+.navds-heading {
+  font-weight: var(--navds-font-weight-bold);
+  line-height: calc(1em + 0.25rem);
+}
+
+.navds-heading--xxl {
+  font-size: var(--navds-font-size-heading-xxl);
+}
+
+.navds-heading--xl {
+  font-size: var(--navds-font-size-heading-xl);
+}
+
+.navds-heading--large {
+  font-size: var(--navds-font-size-heading-large);
+}
+
+.navds-heading--medium {
+  font-size: var(--navds-font-size-heading-medium);
+}
+
+.navds-heading--small {
+  font-size: var(--navds-font-size-heading-small);
+}
+
+/*
+ * Text
+ */
+.navds-text--large {
+  font-size: var(--navds-font-size-large);
+  line-height: var(--navds-font-line-height-large);
+}
+
+.navds-text--medium {
+  font-size: var(--navds-font-size-medium);
+  line-height: var(--navds-font-line-height-medium);
+}
+
+.navds-text--small {
+  font-size: var(--navds-font-size-small);
+  line-height: var(--navds-font-line-height-small);
+}
+
+.navds-text--xs {
+  font-size: var(--navds-font-size-xs);
+  line-height: var(--navds-font-line-height-xs);
+}
+
+/*
+ * Article typography
+ */
+.navds-article__lead {
+  font-size: var(--navds-font-size-article-lead);
+  line-height: var(--navds-font-line-height-large);
+}
+
+.navds-article__paragraph {
+  font-size: var(--navds-font-size-article-paragraph);
+  line-height: var(--navds-font-line-height-medium);
+}

@navikt/ds-icons/.gitignore

@@ -0,0 +1 @@
+/src

@navikt/ds-icons/README.md

@@ -0,0 +1,18 @@
+# @navikt/ds-icons
+
+Denne pakken leverer [NAV sine ikoner](https://design.nav.no/resources/icons) i en pakke med React-komponenter og SVG er.
+
+## Installering
+
+```sh
+// yarn
+yarn add @navikt/ds-icons
+
+// npm
+npm install @navikt/ds-icons
+```
+
+## Dokumentasjon
+
+- [Ikonsøk](https://design.nav.no/resources/icons)
+- [Installering](https://design.nav.no/resources/icons/install)

@navikt/ds-icons/config/package.json

@@ -0,0 +1,6 @@
+{
+  "type": "commonjs",
+  "main": "index.js",
+  "typings": "../esm/index.d.ts",
+  "sideEffects": false
+}

@navikt/ds-icons/figma-api/api.js

@@ -0,0 +1,54 @@
+// https://levelup.gitconnected.com/learn-svg-to-react-using-figma-api-be0a5f9c0ca
+// used for reference/implementation
+
+import { create, get } from "axios";
+
+// Requires user to add a personalized figma token in .env
+const headers = {
+  "X-FIGMA-TOKEN": process.env.FIGMA_TOKEN,
+};
+/**
+ * Api connection for icon components
+ * https://www.figma.com/file/UmEVH3pZ71uJPsSz9ilP3Y/NAV-ikoner-2.1-Figma-i-test?node-id=0%3A1
+ */
+const instanceFiles = create({
+  baseURL: `https://api.figma.com/v1/files/${process.env.FILE_KEY}/components`,
+  headers,
+});
+
+/**
+ * api endpoint for images
+ */
+const instanceImages = create({
+  baseURL: `https://api.figma.com/v1/images/${process.env.FILE_KEY}`,
+  headers,
+});
+
+/**
+ * get Figma node components children
+ */
+const getNodeChildren = async () => {
+  const { data } = await instanceFiles.get();
+  return data.meta.components;
+};
+
+/**
+ * get svg image resource urls
+ */
+const getSvgImageUrls = async (nodeIds) => {
+  const {
+    data: { images },
+  } = await instanceImages.get(`/?ids=${nodeIds}&format=svg`);
+  return Object.values(images);
+};
+
+/**
+ * Gets raw svg data from url
+ */
+const getIconContent = async (url) => get(url);
+
+export default {
+  getNodeChildren,
+  getSvgImageUrls,
+  getIconContent,
+};

@navikt/ds-icons/figma-api/index.js

@@ -0,0 +1,105 @@
+import { getNodeChildren, getSvgImageUrls, getIconContent } from "./api";
+import { existsSync, unlinkSync, writeFileSync, mkdirSync } from "fs";
+import { resolve } from "path";
+import pLimit from "p-limit";
+import rimraf from "rimraf";
+import startCase from "lodash.startcase";
+
+const generateMetadata = (iconNodesArr) => {
+  return iconNodesArr
+    .map(({ name, description, created_at, updated_at, containing_frame }) => {
+      return {
+        name: startCase(name).replace(/\s/g, ""),
+        description,
+        created_at,
+        updated_at,
+        //strip emojis
+        pageName: containing_frame.pageName.replace(
+          /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g,
+          ""
+        ),
+        visible: true,
+      };
+    })
+    .sort((a, b) => a.name.localeCompare(b.name));
+};
+
+const main = async () => {
+  const iconFolder = "./svg";
+  const metadataFileName = "./figma-api/metadata.json";
+  const misses = [];
+
+  // Limiting to ~20 concurrent downloads seems to lead to fewer erros
+  const limit = pLimit(20);
+
+  const iconNodesArr = await getNodeChildren().catch((e) => {
+    throw e;
+  });
+
+  if (existsSync(metadataFileName)) {
+    unlinkSync(metadataFileName);
+  }
+  writeFileSync(
+    metadataFileName,
+    JSON.stringify(generateMetadata(iconNodesArr), null, 4),
+    {
+      encoding: "utf8",
+    }
+  );
+
+  const iconUrls = await getSvgImageUrls(
+    iconNodesArr.map((node) => node.node_id).join(",")
+  );
+
+  if (existsSync(iconFolder)) {
+    rimraf.sync(iconFolder);
+  }
+  mkdirSync(iconFolder);
+
+  console.log("Total icons: " + iconNodesArr.length);
+
+  await Promise.all(
+    iconUrls.map((url, x) =>
+      limit(() =>
+        getIconContent(url)
+          .then(({ data }) => {
+            writeFileSync(
+              resolve(
+                iconFolder,
+                `${startCase(iconNodesArr[x].name).replace(/\s/g, "")}.svg`
+              ),
+              data,
+              {
+                encoding: "utf8",
+              }
+            );
+          })
+          .catch((e) => {
+            misses.push({
+              name: iconNodesArr[x].name,
+              error: e.message,
+            });
+          })
+      )
+    )
+  );
+
+  if (misses.length > 0) {
+    writeFileSync(
+      resolve("./", `misses.txt`),
+      JSON.stringify(misses, null, 4),
+      {
+        encoding: "utf8",
+      }
+    );
+    console.log(`\nCould not download ${misses.length} icons\n`);
+  } else {
+    console.log("\nDownloaded all icons from Figma successfully!\n");
+  }
+};
+
+try {
+  main();
+} catch (e) {
+  console.error(e);
+}

@navikt/ds-icons/figma-api/pngConverter.js

@@ -0,0 +1,41 @@
+import { existsSync, mkdirSync, readdirSync } from "fs";
+import sharp from "sharp";
+import rimraf from "rimraf";
+import pLimit from "p-limit";
+
+const convertToPng = async () => {
+  const inputDir = "./svg/";
+  const outDir = "./png/";
+  const sizes = [16, 24, 128, 256];
+  console.log("Converting icons to .png format");
+
+  const limit = pLimit(20);
+
+  if (existsSync(outDir)) {
+    rimraf.sync(outDir);
+  }
+  mkdirSync(outDir);
+  sizes.forEach((size) => mkdirSync(outDir + size.toString()));
+
+  await Promise.all(
+    readdirSync(inputDir).map((file) => {
+      return limit(() =>
+        sizes.forEach((size) => {
+          const density = (100 * size) / 16;
+          sharp(inputDir + file, { density })
+            .resize(size)
+            .png()
+            .toFile(outDir + size.toString() + "/" + file.replace("svg", "png"))
+            .catch((e) => console.error(e));
+        })
+      );
+    })
+  );
+  console.log("Finished converting icons to .png format");
+};
+
+try {
+  convertToPng();
+} catch (e) {
+  console.error(e);
+}

@navikt/ds-icons/figma-api/zipIcons.js

@@ -0,0 +1,16 @@
+import zipdir from "zip-dir";
+
+const zipDir = async (dir, name) => {
+  await zipdir(dir, { saveTo: name }, function (err, buffer) {
+    if (err) {
+      console.error(err);
+    }
+  });
+};
+
+try {
+  zipDir("./png/", "NAV-ikonpakke-png.zip");
+  zipDir("./svg/", "NAV-ikonpakke-svg.zip");
+} catch (e) {
+  console.error(e);
+}

@navikt/ds-icons/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@navikt/ds-icons",
+  "version": "0.2.0",
+  "private": false,
+  "description": "NAVs egne ikoner i SVG og React format",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/navikt/nav-frontend-moduler/tree/master/%40navikt/ds-icons"
+  },
+  "keywords": [
+    "NAV",
+    "designsystem",
+    "react"
+  ],
+  "license": "MIT",
+  "author": "NAV",
+  "main": "esm/index.js",
+  "module": "esm/index.js",
+  "typings": "esm/index.d.ts",
+  "sideEffects": false,
+  "type": "module",
+  "files": [
+    "/cjs",
+    "/esm",
+    "/svg"
+  ],
+  "scripts": {
+    "cjs-package": "copyfiles -f config/package.json cjs",
+    "dl-icons": "FILE_KEY=UmEVH3pZ71uJPsSz9ilP3Y node -r dotenv/config figma-api/index.js dotenv_config_path=figma-api/.env",
+    "create-icons": "svgr --silent --typescript --ref --icon --title-prop --replace-attr-values \"#3E3832=currentColor\" -d src svg",
+    "convert-icons": "node figma-api/pngConverter.js",
+    "clean": "rm -rf src && rm -rf esm && rm -rf cjs && rm -rf png && rm -rf NAV-ikonpakke-png.zip && rm -rf NAV-ikonpakke-svg.zip",
+    "build": "npm run clean && npm run create-icons && tsc && tsc -p tsconfig-esm.json && yarn cjs-package && npm run convert-icons && node figma-api/zipIcons.js"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@svgr/cli": "^5.4.0",
+    "copyfiles": "^2.4.1",
+    "dotenv": "^8.2.0",
+    "lodash.kebabcase": "^4.1.1",
+    "lodash.startcase": "4.4.0",
+    "react": "^16.8.0 || ^17.0.0",
+    "rimraf": "3.0.2",
+    "sharp": "0.27.1",
+    "zip-dir": "^2.0.0"
+  }
+}

@navikt/ds-icons/stories/icons.stories.mdx

@@ -0,0 +1,36 @@
+import { Meta } from "@storybook/addon-docs/blocks";
+
+<Meta title="ds-icons/Kom i gang" />
+
+# Ta i bruk ikonpakken `@navikt/ds-icons`
+
+Alle ikoner kan bli funnet her https://design.nav.no/resources/icons
+
+## Oppsett
+
+```bash
+yarn add @navikt/ds-icons
+```
+
+```bash
+Import { Expand } from `@navikt/ds-icons`;
+
+<Expand
+	aria-label="Åpne meny"
+	role="img"
+	focusable="false"
+/>
+```
+
+## Testing
+
+For å støtte testing med eks Jest som ikke tillater ESM moduler, så kan denne configen legges til
+
+```bash
+"moduleNameMapper": {
+  "@navikt/ds-react(.*)": "@navikt/ds-react/cjs$1",
+  "@navikt/ds-icons(.*)": "@navikt/ds-icons/cjs$1"
+}
+```
+
+Dette vil remappe Ikonpakken (og komponentpakken) til å bruke CommonJs versjonen for testing

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

@@ -0,0 +1,65 @@
+import React from "react";
+import { storiesOf } from "@storybook/react";
+
+import * as Icons from "../src";
+export default {
+  title: "ds-icons/Ikoner",
+  argTypes: {
+    Icon: {
+      defaultValue: "System",
+      control: {
+        type: "select",
+        options: Object.entries(Icons).map(([Name, _]) => Name),
+      },
+    },
+    color: { control: "color" },
+  },
+};
+
+if (process.env.STORYBOOK_CHROMATIC === "true") {
+  const iconsStories = storiesOf("ds-icons/Ikoner", module);
+
+  Object.entries(Icons).forEach(([name, Icon]) => {
+    iconsStories.add(name, () => (
+      <div>
+        <Icon title="hello, world" />
+        <Icon style={{ height: "2em", width: "2em" }} />
+        <Icon style={{ height: "4em", width: "4em" }} />
+        <Icon style={{ height: "4em", width: "4em", color: "white" }} />
+        <Icon style={{ height: "4em", width: "4em", color: "crimson" }} />
+        <br />
+        <Icon
+          style={{ height: "4em", width: "4em", backgroundColor: "#aaa" }}
+        />
+        <Icon
+          style={{ height: "4em", width: "4em", backgroundColor: "#777" }}
+        />
+        <Icon
+          style={{ height: "4em", width: "4em", backgroundColor: "#333" }}
+        />
+        <Icon
+          style={{ height: "4em", width: "4em", backgroundColor: "#000" }}
+        />
+        <br />
+        <Icon
+          style={{ height: "4em", width: "4em", transform: "rotate(45deg)" }}
+        />
+        <Icon
+          style={{ height: "4em", width: "4em", transform: "rotate(90deg)" }}
+        />
+        <Icon
+          style={{ height: "4em", width: "4em", transform: "rotate(180deg)" }}
+        />
+      </div>
+    ));
+  });
+}
+
+const Template = ({ Icon, color, size, ...args }) => {
+  const Iconname = Icons[Icon];
+  return <Iconname style={{ fontSize: size, color }} {...args} />;
+};
+export const Ikon = Template.bind({});
+Ikon.args = {
+  size: "24px",
+};

@navikt/ds-icons/svg/AddCircle.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 6V11H18V13H13V18H11V13H6V11H11V6H13Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/AddCircleFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM13 6V11H18V13H13V18H11V13H6V11H11V6H13Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/AddFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0H0V24H24V0ZM11 21L11 13H3V11H11V3H13V11H21V13H13V21H11Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/AttachmentFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4858 7.11888C20.7324 5.94771 20.7324 4.04887 19.4858 2.87769C18.2838 1.74835 16.3616 1.70802 15.1081 2.75669L14.9716 2.87769L3.6862 13.4807L3.52649 13.6372C1.61004 15.5983 1.66328 18.6487 3.6862 20.5493C4.61095 21.4181 5.79143 21.9002 7 21.9956V22H24V24L7 24C5.24586 23.9013 3.52179 23.2223 2.18147 21.963C-0.666561 19.2872 -0.725895 14.9835 2.00347 12.2399L2.18147 12.0669L13.4669 1.46396C15.5445 -0.487988 18.913 -0.487988 20.9905 1.46396C23.0135 3.36455 23.0667 6.41493 21.1502 8.37603L20.9905 8.53261L9.7051 19.1356L9.56865 19.2566C8.31517 20.3053 6.39296 20.2649 5.19092 19.1356C3.98889 18.0062 3.94596 16.2003 5.06213 15.0226L5.19092 14.8944L16.4764 4.29142L17.9811 5.70515L6.69565 16.3081L6.61297 16.3953C6.28225 16.7877 6.30981 17.3593 6.69565 17.7219C7.08149 18.0844 7.68993 18.1103 8.10757 17.7995L8.20038 17.7219L19.4858 7.11888Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BabyChangingRoom.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C10 3.55228 9.55228 4 9 4C8.44772 4 8 3.55228 8 3C8 2.44772 8.44772 2 9 2C9.55228 2 10 2.44772 10 3ZM12 3C12 4.65685 10.6569 6 9 6C7.34315 6 6 4.65685 6 3C6 1.34315 7.34315 0 9 0C10.6569 0 12 1.34315 12 3ZM21.5 16C22.3284 16 23 15.3284 23 14.5C23 13.6716 22.3284 13 21.5 13C20.6716 13 20 13.6716 20 14.5C20 15.3284 20.6716 16 21.5 16ZM3.18079 7.15469C3.36366 6.47353 3.98108 6 4.68636 6C6.78502 6 8.65406 7.19312 9.5682 9H13C13.5523 9 14 9.44771 14 10C14 10.5523 13.5523 11 13 11H10.1893L12.0018 19H9.25773V24H7.25773V17H9.49801L8.07159 10.7041C7.73815 9.23234 6.49779 8.15795 5.02038 8.01598L2.60848 17H5.25773V24H3.25773V19H0.000732422L3.18079 7.15469ZM19 11C19.5523 11 20 11.4477 20 12V14C20 15.1046 19.1046 16 18 16H16.618C15.8605 16 15.168 15.572 14.8292 14.8944L14.382 14H14C13.4477 14 13 13.5523 13 13C13 12.4477 13.4477 12 14 12H14.382C15.1395 12 15.832 12.428 16.1708 13.1056L16.618 14H18V12C18 11.4477 18.4477 11 19 11ZM14 17C13.4477 17 13 17.4477 13 18C13 18.5523 13.4477 19 14 19H22C22.5523 19 23 18.5523 23 18C23 17.4477 22.5523 17 22 17H14Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BabyChangingRoomFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C12 4.65685 10.6569 6 9 6C7.34315 6 6 4.65685 6 3C6 1.34315 7.34315 0 9 0C10.6569 0 12 1.34315 12 3ZM23 14.5C23 15.3284 22.3284 16 21.5 16C20.6716 16 20 15.3284 20 14.5C20 13.6716 20.6716 13 21.5 13C22.3284 13 23 13.6716 23 14.5ZM4.68636 6C3.98108 6 3.36366 6.47353 3.18079 7.15469L0.000732422 19H1H3.25773V24H5.25773V19H7.25773V24H9.25773V19H11H12.0018L10.1893 11H13C13.5523 11 14 10.5523 14 10C14 9.44771 13.5523 9 13 9H9.5682C8.65406 7.19312 6.78502 6 4.68636 6ZM20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12V14H16.618L16.1708 13.1056C15.832 12.428 15.1395 12 14.382 12H14C13.4477 12 13 12.4477 13 13C13 13.5523 13.4477 14 14 14H14.382L14.8292 14.8944C15.168 15.572 15.8605 16 16.618 16H18C19.1046 16 20 15.1046 20 14V12ZM13 18C13 17.4477 13.4477 17 14 17H22C22.5523 17 23 17.4477 23 18C23 18.5523 22.5523 19 22 19H14C13.4477 19 13 18.5523 13 18Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Back.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 12L15.5714 3L17 4.5L9.85714 12L17 19.5L15.5714 21L7 12Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BackFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 11.5L15.0714 2.5L17.5 5L11 11.5L17.5 18L15.0714 20.5L6.5 11.5Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BagFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 4H10C9.44772 4 9 4.44772 9 5V6H15V5C15 4.44772 14.5523 4 14 4ZM7 5V6H1C0.447715 6 0 6.44772 0 7V12C0 12.5523 0.447716 13 1 13H11V12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12V13H23C23.5523 13 24 12.5523 24 12V7C24 6.44772 23.5523 6 23 6H17V5C17 3.34315 15.6569 2 14 2H10C8.34315 2 7 3.34315 7 5ZM11 15V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V15H23V20C23 21.1046 22.1046 22 21 22H3C1.89543 22 1 21.1046 1 20V15H11Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Baggage.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2H15V5H9V2ZM7 5V2C7 0.895431 7.89543 0 9 0H15C16.1046 0 17 0.895431 17 2V5H18C19.1046 5 20 5.89543 20 7V20C20 21.1046 19.1046 22 18 22H17V23C17 23.5523 16.5523 24 16 24C15.4477 24 15 23.5523 15 23V22H9V23C9 23.5523 8.55228 24 8 24C7.44772 24 7 23.5523 7 23V22H6C4.89543 22 4 21.1046 4 20V7C4 5.89543 4.89543 5 6 5H7ZM15 7H9H6L6 20H18V7H15ZM8 10H16V12H8V10Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BaggageFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2H15V5H9V2ZM7 5V2C7 0.895431 7.89543 0 9 0H15C16.1046 0 17 0.895431 17 2V5H18C19.1046 5 20 5.89543 20 7V20C20 21.1046 19.1046 22 18 22H17V23C17 23.5523 16.5523 24 16 24C15.4477 24 15 23.5523 15 23V22H9V23C9 23.5523 8.55228 24 8 24C7.44772 24 7 23.5523 7 23V22H6C4.89543 22 4 21.1046 4 20V7C4 5.89543 4.89543 5 6 5H7ZM16 10H8V12H16V10Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BandageFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0823 0.710268C8.44529 -0.737681 5.15085 0.0915335 2.62119 2.62119C0.0915335 5.15085 -0.737681 8.44529 0.710268 10.0823L0.817573 10.1964L1.6139 10.9927L10.9927 1.6139L10.1964 0.817573L10.0823 0.710268ZM12.4069 3.02811L3.02811 12.4069L11.6139 20.9927L20.9927 11.6139L12.4069 3.02811ZM22.4069 13.0281L13.0281 22.4069L13.8036 23.1824L13.9177 23.2897C15.5547 24.7377 18.8492 23.9085 21.3788 21.3788C23.9687 18.7889 24.7762 15.3974 23.1824 13.8036L22.4069 13.0281ZM12.6699 14.0097C12.2999 13.6398 11.7001 13.6398 11.3301 14.0097C10.9601 14.3797 10.9601 14.9796 11.3301 15.3496C11.7001 15.7196 12.2999 15.7196 12.6699 15.3496C13.0399 14.9796 13.0399 14.3797 12.6699 14.0097ZM15.3496 11.3301C14.9796 10.9601 14.3797 10.9601 14.0097 11.3301C13.6398 11.7001 13.6398 12.2999 14.0097 12.6699C14.3797 13.0399 14.9796 13.0399 15.3496 12.6699C15.7196 12.2999 15.7196 11.7001 15.3496 11.3301ZM9.99026 11.3301C9.62027 10.9601 9.02041 10.9601 8.65042 11.3301C8.28044 11.7001 8.28044 12.2999 8.65042 12.6699C9.02041 13.0399 9.62027 13.0399 9.99026 12.6699C10.3602 12.2999 10.3602 11.7001 9.99026 11.3301ZM12.6699 8.65042C12.2999 8.28044 11.7001 8.28044 11.3301 8.65042C10.9601 9.02041 10.9601 9.62027 11.3301 9.99026C11.7001 10.3602 12.2999 10.3602 12.6699 9.99026C13.0399 9.62027 13.0399 9.02041 12.6699 8.65042Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BellFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0H13V3.08197C15.8497 3.51786 18.0968 5.64555 18.3797 8.34007L18.5037 9.54994C18.6344 10.8614 18.7161 11.8225 18.7487 12.4333L18.7629 12.7778C18.7871 13.7392 19.4928 15.375 20.8803 17.6852C21.139 18.1161 20.9645 18.6561 20.4904 18.8913C20.3467 18.9626 20.1856 19 20.0218 19H3.978C3.43787 19 3 18.602 3 18.1111C3 17.9452 3.0511 17.7826 3.14752 17.6416C4.40461 15.8045 5.04585 14.1833 5.07124 12.7778C5.08901 11.7944 5.20058 10.328 5.40595 8.37841C5.69763 5.60978 8.04742 3.43564 11 3.05816V0ZM12 24C10.1362 24 8.57006 22.7252 8.12602 21H15.874C15.4299 22.7252 13.8638 24 12 24Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BikeFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.04321 2.70884C8.17136 2.28777 8.55975 2 8.99989 2H11.9999C12.5522 2 12.9999 2.44772 12.9999 3C12.9999 3.55228 12.5522 4 11.9999 4H9.74083L8.03161 9.616C9.79525 10.532 11 12.3753 11 14.5C11 17.5376 8.53757 20 5.5 20C2.46243 20 0 17.5376 0 14.5C0 11.4624 2.46243 9 5.5 9C5.70895 9 5.91517 9.01165 6.11806 9.03434L8.04321 2.70884ZM5.5 11L5.5198 11.0001L5.21042 12.0166C3.96612 12.1601 3 13.2172 3 14.5C3 15.8807 4.11929 17 5.5 17C6.88071 17 8 15.8807 8 14.5C8 13.7391 7.66005 13.0576 7.12373 12.599L7.43328 11.5819C8.37753 12.2088 9 13.2817 9 14.5C9 16.433 7.433 18 5.5 18C3.567 18 2 16.433 2 14.5C2 12.567 3.567 11 5.5 11ZM18.5 17C19.8807 17 21 15.8807 21 14.5C21 13.2814 20.1281 12.2664 18.9741 12.0449L18.6134 11.0018C20.4939 11.0616 22 12.6049 22 14.5C22 16.433 20.433 18 18.5 18C16.567 18 15 16.433 15 14.5C15 13.2361 15.6699 12.1287 16.6741 11.5134L17.0121 12.4908C16.398 12.9463 16 13.6767 16 14.5C16 15.8807 17.1193 17 18.5 17ZM16.0104 9.59439C14.2239 10.5028 13 12.3585 13 14.5C13 17.5376 15.4624 20 18.5 20C21.5376 20 24 17.5376 24 14.5C24 11.4624 21.5376 9 18.5 9C18.3079 9 18.1182 9.00985 17.9312 9.02906L17.217 6.96382C17.1462 6.75926 17.0158 6.59237 16.8518 6.47589C16.6757 6.19034 16.3601 6 16 6H11C10.4477 6 10 6.44772 10 7C10 7.55228 10.4477 8 11 8H15.4591L16.0104 9.59439Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Bookmark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18L19 24V2C19 0.895431 18.1046 0 17 0H7C5.89543 0 5 0.89543 5 2V24L12 18ZM7 19.6516L12 15.3658L17 19.6516V2H7V19.6516Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BookmarkFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 2C19 0.895431 18.1046 0 17 0H7C5.89543 0 5 0.89543 5 2V24L12 18L19 24V2Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Bowl.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8V7H22V8C22 12.4183 18.4183 16 14 16H10C5.58172 16 2 12.4183 2 8ZM6 17.1679C2.46819 15.6248 0 12.1006 0 8V6C0 5.44772 0.447715 5 1 5H23C23.5523 5 24 5.44772 24 6V8C24 12.1006 21.5318 15.6248 18 17.1679V18C18 18.5523 17.5523 19 17 19H7C6.44771 19 6 18.5523 6 18V17.1679Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BowlFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6C0 5.44772 0.447715 5 1 5H23C23.5523 5 24 5.44772 24 6V8C24 12.1006 21.5318 15.6248 18 17.1679V18C18 18.5523 17.5523 19 17 19H7C6.44771 19 6 18.5523 6 18V17.1679C2.46819 15.6248 0 12.1006 0 8V6Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Braille.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6 7.10457 5.10457 8 4 8C2.89543 8 2 7.10457 2 6C2 4.89543 2.89543 4 4 4C5.10457 4 6 4.89543 6 6ZM21 6C21 6.55228 20.5523 7 20 7C19.4477 7 19 6.55228 19 6C19 5.44772 19.4477 5 20 5C20.5523 5 21 5.44772 21 6ZM10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5C9.44772 5 9 5.44772 9 6C9 6.55228 9.44772 7 10 7ZM6 12C6 13.1046 5.10457 14 4 14C2.89543 14 2 13.1046 2 12C2 10.8954 2.89543 10 4 10C5.10457 10 6 10.8954 6 12ZM20 13C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11C19.4477 11 19 11.4477 19 12C19 12.5523 19.4477 13 20 13ZM12 12C12 13.1046 11.1046 14 10 14C8.89543 14 8 13.1046 8 12C8 10.8954 8.89543 10 10 10C11.1046 10 12 10.8954 12 12ZM15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13ZM5 18C5 18.5523 4.55228 19 4 19C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17C4.55228 17 5 17.4477 5 18ZM20 20C21.1046 20 22 19.1046 22 18C22 16.8954 21.1046 16 20 16C18.8954 16 18 16.8954 18 18C18 19.1046 18.8954 20 20 20Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/BrailleFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2C0.895431 2 0 2.89543 0 4V20C0 21.1046 0.89543 22 2 22H22C23.1046 22 24 21.1046 24 20V4C24 2.89543 23.1046 2 22 2H2ZM4 8C5.10457 8 6 7.10457 6 6C6 4.89543 5.10457 4 4 4C2.89543 4 2 4.89543 2 6C2 7.10457 2.89543 8 4 8ZM20 7C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5C19.4477 5 19 5.44772 19 6C19 6.55228 19.4477 7 20 7ZM11 6C11 6.55228 10.5523 7 10 7C9.44772 7 9 6.55228 9 6C9 5.44772 9.44772 5 10 5C10.5523 5 11 5.44772 11 6ZM4 14C5.10457 14 6 13.1046 6 12C6 10.8954 5.10457 10 4 10C2.89543 10 2 10.8954 2 12C2 13.1046 2.89543 14 4 14ZM21 12C21 12.5523 20.5523 13 20 13C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12ZM10 14C11.1046 14 12 13.1046 12 12C12 10.8954 11.1046 10 10 10C8.89543 10 8 10.8954 8 12C8 13.1046 8.89543 14 10 14ZM16 12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12ZM4 19C4.55228 19 5 18.5523 5 18C5 17.4477 4.55228 17 4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19ZM22 18C22 19.1046 21.1046 20 20 20C18.8954 20 18 19.1046 18 18C18 16.8954 18.8954 16 20 16C21.1046 16 22 16.8954 22 18Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CalculatorFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 0C20.1046 0 21 0.89543 21 2V22C21 23.1046 20.1046 24 19 24H5C3.89543 24 3 23.1046 3 22V2C3 0.89543 3.89543 0 5 0H19ZM8 17C8.55228 17 9 17.4477 9 18C9 18.5523 8.55228 19 8 19C7.44772 19 7 18.5523 7 18C7 17.4477 7.44772 17 8 17ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17ZM16 17C16.5523 17 17 17.4477 17 18C17 18.5523 16.5523 19 16 19C15.4477 19 15 18.5523 15 18C15 17.4477 15.4477 17 16 17ZM8 13C8.55228 13 9 13.4477 9 14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14C7 13.4477 7.44772 13 8 13ZM12 13C12.5523 13 13 13.4477 13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14C11 13.4477 11.4477 13 12 13ZM16 13C16.5523 13 17 13.4477 17 14C17 14.5523 16.5523 15 16 15C15.4477 15 15 14.5523 15 14C15 13.4477 15.4477 13 16 13ZM8 9C8.55228 9 9 9.44771 9 10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10C7 9.44771 7.44772 9 8 9ZM12 9C12.5523 9 13 9.44771 13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10C11 9.44771 11.4477 9 12 9ZM16 9C16.5523 9 17 9.44771 17 10C17 10.5523 16.5523 11 16 11C15.4477 11 15 10.5523 15 10C15 9.44771 15.4477 9 16 9ZM17 5V7H7V5H17Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CalenderFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4L6 1C6 0.447715 6.44771 0 7 0C7.55228 0 8 0.447715 8 1V4C8 4.55228 7.55228 5 7 5C6.44772 5 6 4.55228 6 4ZM2 3H4V4C4 5.65685 5.34315 7 7 7C8.65685 7 10 5.65685 10 4V3H14V4C14 5.65685 15.3431 7 17 7C18.6569 7 20 5.65685 20 4V3H22C23.1046 3 24 3.89543 24 5V10H0V5C0 3.89543 0.895431 3 2 3ZM0 12H24V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V12ZM5 14C4.44772 14 4 14.4477 4 15C4 15.5523 4.44772 16 5 16H7C7.55229 16 8 15.5523 8 15C8 14.4477 7.55228 14 7 14H5ZM5 18C4.44772 18 4 18.4477 4 19C4 19.5523 4.44772 20 5 20H7C7.55229 20 8 19.5523 8 19C8 18.4477 7.55228 18 7 18H5ZM11 14H13C13.5523 14 14 14.4477 14 15C14 15.5523 13.5523 16 13 16H11C10.4477 16 10 15.5523 10 15C10 14.4477 10.4477 14 11 14ZM13 18H11C10.4477 18 10 18.4477 10 19C10 19.5523 10.4477 20 11 20H13C13.5523 20 14 19.5523 14 19C14 18.4477 13.5523 18 13 18ZM16 15C16 14.4477 16.4477 14 17 14H19C19.5523 14 20 14.4477 20 15C20 15.5523 19.5523 16 19 16H17C16.4477 16 16 15.5523 16 15ZM20 19C20 18.4477 19.5523 18 19 18H17C16.4477 18 16 18.4477 16 19C16 19.5523 16.4477 20 17 20H19C19.5523 20 20 19.5523 20 19ZM16 1V4C16 4.55228 16.4477 5 17 5C17.5523 5 18 4.55228 18 4V1C18 0.447715 17.5523 0 17 0C16.4477 0 16 0.447715 16 1Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CameraFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3406 2C15.7406 2 16.1022 2.23839 16.2598 2.60606L18.143 7H23C23.5523 7 24 7.44772 24 8V21C24 21.5523 23.5523 22 23 22H1C0.447715 22 0 21.5523 0 21V8C0 7.44772 0.447715 7 1 7H5.857L7.74024 2.60606C7.89783 2.23839 8.25936 2 8.65938 2H15.3406ZM12 9C14.7614 9 17 11.2386 17 14C17 16.7614 14.7614 19 12 19C9.23858 19 7 16.7614 7 14C7 11.2386 9.23858 9 12 9Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CancelFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14L0 7.00391L8 0V5H14.5C19.7467 5 24 9.25329 24 14.5C24 19.7467 19.7467 24 14.5 24H14.25V20H14.5C17.5376 20 20 17.5376 20 14.5C20 11.4624 17.5376 9 14.5 9H8V14Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Cantine1.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 3V3.97516C1 4.54834 1.13938 5.15817 1.50673 5.70521C1.87782 6.25782 2.43671 6.67923 3.16035 6.94055C3.61531 7.10484 3.78494 7.25633 3.85875 7.35624C3.92505 7.44601 4 7.60964 4 8V9H6V8C6 7.35811 5.87573 6.72063 5.46743 6.16791C5.06663 5.62533 4.48625 5.29294 3.83965 5.05945C3.46173 4.92298 3.27062 4.74439 3.1671 4.59023C3.05984 4.43051 3 4.22681 3 3.97516V3H1ZM0 19H2H22H24C24 20.1046 23.1046 21 22 21H2C0.89543 21 0 20.1046 0 19ZM2.38876 12L2.7773 14.1758C2.86246 14.6527 3.27725 15 3.76172 15H6.23824C6.72271 15 7.1375 14.6527 7.22267 14.1758L7.6112 12H2.38876ZM1.19437 10C0.571744 10 0.100492 10.5629 0.209944 11.1758L0.80844 14.5274C1.06394 15.9582 2.30831 17 3.76172 17H6.23824C7.69166 17 8.93602 15.9582 9.19152 14.5274L9.79002 11.1758C9.89947 10.5629 9.42822 10 8.80559 10H1.19437ZM12.1901 6L12.6465 11.0202C11.9273 11.3726 11.2886 11.8052 10.7546 12.3003L10.0992 5.09054C10.0459 4.50492 10.507 4 11.0951 4H16.905C17.493 4 17.9541 4.50492 17.9009 5.09054L17.4544 10.0018C17.3865 10.0006 17.3183 10 17.25 10C16.6257 10 16.0176 10.0504 15.433 10.146L15.81 6H12.1901ZM21.8267 15H23C23 16.1046 22.1046 17 21 17H12C10.8954 17 10 16.1046 10 15H11.1733C11.7838 13.2748 13.9372 12 16.5 12C19.0628 12 21.2162 13.2748 21.8267 15ZM19.4713 15C19.3954 14.93 19.3096 14.8595 19.2127 14.789C18.5946 14.3395 17.642 14 16.5 14C15.358 14 14.4054 14.3395 13.7873 14.789C13.6904 14.8595 13.6046 14.93 13.5287 15H19.4713Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Cantine1Filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 3V3.97516C1 4.54834 1.13938 5.15817 1.50673 5.70521C1.87782 6.25782 2.43671 6.67923 3.16035 6.94055C3.61531 7.10484 3.78494 7.25633 3.85875 7.35624C3.92505 7.44601 4 7.60964 4 8V9H6V8C6 7.35811 5.87573 6.72063 5.46743 6.16791C5.06663 5.62533 4.48625 5.29294 3.83965 5.05945C3.46173 4.92298 3.27062 4.74439 3.1671 4.59023C3.05984 4.43051 3 4.22681 3 3.97516V3H1ZM0 19H2H22H24C24 20.1046 23.1046 21 22 21H2C0.89543 21 0 20.1046 0 19ZM1.19437 10C0.571744 10 0.100492 10.5629 0.209944 11.1758L0.80844 14.5274C1.06394 15.9582 2.30831 17 3.76172 17H6.23824C7.69166 17 8.93602 15.9582 9.19152 14.5274L9.79002 11.1758C9.89947 10.5629 9.42822 10 8.80559 10H1.19437ZM11.0951 4C10.507 4 10.0459 4.50492 10.0992 5.09054L10.7546 12.3003C12.2649 10.8998 14.6129 10 17.25 10C17.3183 10 17.3865 10.0006 17.4544 10.0018L17.9009 5.09054C17.9541 4.50492 17.493 4 16.905 4H11.0951ZM21.8267 15C21.2162 13.2748 19.0628 12 16.5 12C13.9372 12 11.7838 13.2748 11.1733 15H10C10 16.1046 10.8954 17 12 17H21C22.1046 17 23 16.1046 23 15H21.8267Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Cantine2.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.39538 4.64168L7.82668 5.59019L8.98091 4.31896C9.71037 3.51556 10.7854 3 11.9999 3C13.2145 3 14.2895 3.51558 15.019 4.31901L16.1732 5.59031L17.6046 4.64172C18.0536 4.34415 18.6003 4.16667 19.2 4.16667C20.7999 4.16667 22 5.41331 22 6.83333C22 7.86096 21.3832 8.7872 20.4241 9.23265L19.3649 9.72459L18.5519 20H5.44793L4.63492 9.72457L3.57581 9.2326C2.6168 8.78714 2 7.86093 2 6.83333C2 5.41331 3.20012 4.16667 4.8 4.16667C5.39965 4.16667 5.94639 4.34413 6.39538 4.64168ZM3.59992 22H20.3999L21.2666 11.0465C22.8832 10.2957 24 8.69132 24 6.83333C24 4.256 21.851 2.16667 19.2 2.16667C18.1987 2.16667 17.269 2.46474 16.4997 2.9746C15.4003 1.76371 13.7918 1 11.9999 1C10.208 1 8.59961 1.76368 7.5002 2.97453C6.7309 2.46471 5.80125 2.16667 4.8 2.16667C2.14903 2.16667 0 4.256 0 6.83333C0 8.69126 1.11676 10.2956 2.73326 11.0465L3.59992 22ZM17 10H7V12H17V10Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Cantine2Filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.73326 11.0465L3.59992 22H20.3999L21.2666 11.0465C22.8832 10.2957 24 8.69132 24 6.83333C24 4.256 21.851 2.16667 19.2 2.16667C18.1987 2.16667 17.269 2.46474 16.4997 2.9746C15.4003 1.76371 13.7918 1 11.9999 1C10.208 1 8.59961 1.76368 7.5002 2.97453C6.7309 2.46471 5.80125 2.16667 4.8 2.16667C2.14903 2.16667 0 4.256 0 6.83333C0 8.69126 1.11676 10.2956 2.73326 11.0465ZM17 10H7V12H17V10Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CarFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.77046 9.06304C1.73756 9.42747 0.265434 11.3227 0.509035 13.4542L0.737606 15.4542C0.940958 17.2335 2.29154 18.6291 4 18.9367V20.5C4 21.3284 4.67157 22 5.5 22C6.32843 22 7 21.3284 7 20.5V19H17V20.5C17 21.3284 17.6716 22 18.5 22C19.3284 22 20 21.3284 20 20.5V18.9367C21.7084 18.6291 23.059 17.2335 23.2624 15.4542L23.4909 13.4542C23.7345 11.3227 22.2624 9.42749 20.2295 9.06304L18.5701 4.8912C18.1159 3.74939 17.0114 3 15.7825 3H8.21746C6.98863 3 5.88406 3.74939 5.42989 4.89119L3.77046 9.06304ZM18.0521 9L16.7117 5.6304C16.5603 5.2498 16.1922 5 15.7825 5L8.21746 5C7.80785 5 7.43966 5.2498 7.28827 5.6304L5.94795 9L18.0521 9ZM7 14C7 14.5523 6.55228 15 6 15C5.44772 15 5 14.5523 5 14C5 13.4477 5.44772 13 6 13C6.55228 13 7 13.4477 7 14ZM19 14C19 14.5523 18.5523 15 18 15C17.4477 15 17 14.5523 17 14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Child.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8C18 11.3137 15.3137 14 12 14C8.68629 14 6 11.3137 6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8ZM20 8C20 12.4183 16.4183 16 12 16C7.58172 16 4 12.4183 4 8C4 3.58172 7.58172 0 12 0C16.4183 0 20 3.58172 20 8ZM12 17C8.13401 17 5 20.134 5 24H7C7 21.2386 9.23858 19 12 19C14.7614 19 17 21.2386 17 24H19C19 20.134 15.866 17 12 17ZM11 8C11 8.55229 10.5523 9 10 9C9.44772 9 9 8.55229 9 8C9 7.44772 9.44772 7 10 7C10.5523 7 11 7.44772 11 8ZM14 9C14.5523 9 15 8.55229 15 8C15 7.44772 14.5523 7 14 7C13.4477 7 13 7.44772 13 8C13 8.55229 13.4477 9 14 9Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/ChildFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 8C20 12.4183 16.4183 16 12 16C7.58172 16 4 12.4183 4 8C4 3.58172 7.58172 0 12 0C16.4183 0 20 3.58172 20 8ZM10 9C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7C9.44772 7 9 7.44772 9 8C9 8.55228 9.44772 9 10 9ZM14 9C14.5523 9 15 8.55228 15 8C15 7.44772 14.5523 7 14 7C13.4477 7 13 7.44772 13 8C13 8.55228 13.4477 9 14 9ZM12 17C8.13401 17 5 20.134 5 24H19C19 20.134 15.866 17 12 17Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/ClockFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM13 6V13H6V11H11V6H13Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CloseFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0H0V24H24V0ZM13.3846 12L21 4.38462L19.6154 3L12 10.6154L4.38462 3L3 4.38462L10.6154 12L3 19.6154L4.38462 21L12 13.3846L19.6154 21L21 19.6154L13.3846 12Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Cognition.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.03257 10.3099C2.13321 4.59864 6.76058 0 12.4542 0H13.0077C21.3397 0 26.634 8.98403 22.6442 16.3525L21.8848 17.755V24H19.8994V17.245L20.9012 15.3948C24.1694 9.35908 19.8327 2 13.0077 2H12.4542C7.79406 2 4.01628 5.80558 4.01628 10.5V10.6857L1.98725 16H5.00898V19C5.00898 20.1046 5.89787 21 6.99437 21H10.9651V24H8.97976V23H6.99437C4.80137 23 3.02359 21.2091 3.02359 19V18H1.98725C0.593943 18 -0.365973 16.592 0.134194 15.282L2.03257 10.3099ZM8.48346 8C8.75759 8 8.97981 7.77614 8.97981 7.5C8.97981 7.22386 8.75759 7 8.48346 7C8.20934 7 7.98712 7.22386 7.98712 7.5C7.98712 7.77614 8.20934 8 8.48346 8ZM8.48346 10C9.16602 10 9.78422 9.72242 10.2329 9.27321L12.1186 10.2863L11.6874 11.0102C11.613 11.0035 11.5377 11 11.4615 11C10.0909 11 8.97981 12.1193 8.97981 13.5C8.97981 14.8807 10.0909 16 11.4615 16C12.8322 16 13.9433 14.8807 13.9433 13.5C13.9433 12.9259 13.7512 12.3969 13.4281 11.9749L13.8726 11.2287L15.9339 12.3361C15.9304 12.3903 15.9287 12.4449 15.9287 12.5C15.9287 13.8807 17.0398 15 18.4104 15C19.781 15 20.8921 13.8807 20.8921 12.5C20.8921 11.1193 19.781 10 18.4104 10C17.8172 10 17.2727 10.2096 16.8458 10.5594L14.8954 9.51151L15.2061 8.98976C15.2806 8.99654 15.3561 9 15.4323 9C16.8029 9 17.9141 7.88071 17.9141 6.5C17.9141 5.11929 16.8029 4 15.4323 4C14.0617 4 12.9506 5.11929 12.9506 6.5C12.9506 7.07401 13.1426 7.60284 13.4655 8.02485L13.1413 8.56913L10.9632 7.39891C10.9105 6.06507 9.82048 5 8.48346 5C7.11284 5 6.00173 6.11929 6.00173 7.5C6.00173 8.88071 7.11284 10 8.48346 10ZM18.9068 12.5C18.9068 12.7761 18.6845 13 18.4104 13C18.1363 13 17.9141 12.7761 17.9141 12.5C17.9141 12.2239 18.1363 12 18.4104 12C18.6845 12 18.9068 12.2239 18.9068 12.5ZM11.4615 14C11.7357 14 11.9579 13.7761 11.9579 13.5C11.9579 13.2239 11.7357 13 11.4615 13C11.1874 13 10.9652 13.2239 10.9652 13.5C10.9652 13.7761 11.1874 14 11.4615 14ZM15.9287 6.5C15.9287 6.77614 15.7064 7 15.4323 7C15.1582 7 14.936 6.77614 14.936 6.5C14.936 6.22386 15.1582 6 15.4323 6C15.7064 6 15.9287 6.22386 15.9287 6.5Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CognitionFilled.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.48673 19V17H1.0044C0.237047 17 -0.244376 16.1714 0.135641 15.5048L2.98855 10.5C2.98855 4.70126 7.68936 0 13.4881 0C21.9282 0 26.9188 9.45374 22.1574 16.4226L21.4214 17.5V24H8.96676V22H6.48673C4.82988 22 3.48673 20.6569 3.48673 19ZM15.4447 7C15.7198 7 15.9428 6.77614 15.9428 6.5C15.9428 6.22386 15.7198 6 15.4447 6C15.1695 6 14.9465 6.22386 14.9465 6.5C14.9465 6.77614 15.1695 7 15.4447 7ZM15.4447 9C16.8204 9 17.9356 7.88071 17.9356 6.5C17.9356 5.11929 16.8204 4 15.4447 4C14.069 4 12.9537 5.11929 12.9537 6.5C12.9537 7.0739 13.1464 7.60264 13.4704 8.0246L13.1449 8.56898L10.9587 7.39873C10.9057 6.06497 9.81166 5 8.46976 5C7.09407 5 5.97884 6.11929 5.97884 7.5C5.97884 8.88071 7.09407 10 8.46976 10C9.15491 10 9.77545 9.72237 10.2258 9.27309L12.1184 10.2861L11.6856 11.0101C11.6112 11.0034 11.536 11 11.4599 11C10.0842 11 8.96899 12.1193 8.96899 13.5C8.96899 14.8807 10.0842 16 11.4599 16C12.8356 16 13.9508 14.8807 13.9508 13.5C13.9508 12.9257 13.7579 12.3966 13.4335 11.9745L13.8793 11.2287L15.9478 12.336C15.9443 12.3902 15.9425 12.4449 15.9425 12.5C15.9425 13.8807 17.0578 15 18.4335 15C19.8092 15 20.9244 13.8807 20.9244 12.5C20.9244 11.1193 19.8092 10 18.4335 10C17.8382 10 17.2916 10.2096 16.8631 10.5592L14.9059 9.51158L15.2178 8.98977C15.2925 8.99654 15.3682 9 15.4447 9ZM8.46976 8C8.7449 8 8.96795 7.77614 8.96795 7.5C8.96795 7.22386 8.7449 7 8.46976 7C8.19462 7 7.97158 7.22386 7.97158 7.5C7.97158 7.77614 8.19462 8 8.46976 8ZM18.4335 13C18.7086 13 18.9316 12.7761 18.9316 12.5C18.9316 12.2239 18.7086 12 18.4335 12C18.1583 12 17.9353 12.2239 17.9353 12.5C17.9353 12.7761 18.1583 13 18.4335 13ZM11.9581 13.5C11.9581 13.7761 11.7351 14 11.4599 14C11.1848 14 10.9617 13.7761 10.9617 13.5C10.9617 13.2239 11.1848 13 11.4599 13C11.7351 13 11.9581 13.2239 11.9581 13.5Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Collapse.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 7L3 15.5714L4.5 17L12 9.85714L19.5 17L21 15.5714L12 7Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CollapseFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6L21 14.5714L18.5 17L12 10.5L5.5 17L3 14.5714L12 6Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Combifridge1.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18V11H8V9H6V2ZM4 13V11V2C4 0.89543 4.89543 0 6 0H18C19.1046 0 20 0.895431 20 2V11V13V22C20 23.1046 19.1046 24 18 24H6C4.89543 24 4 23.1046 4 22V13ZM18 13V22H6V15H8V13H18ZM13.4981 14L15.2847 17.8695C15.9487 19.3078 14.983 21 13.4981 21C12.0133 21 11.0475 19.3078 11.7116 17.8695L13.4981 14ZM12.4981 3H14.4981V4.69594L15.9364 3.79723L16.9962 5.49333L15.3852 6.50001L16.9962 7.50667L15.9363 9.20276L14.4981 8.30407V10H12.4981V8.30403L11.0599 9.20276L10 7.50667L11.611 6.50001L10 5.49333L11.0598 3.79723L12.4981 4.69598V3Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Combifridge1Filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C4 0.89543 4.89543 0 6 0H18C19.1046 0 20 0.895431 20 2V11H8V9H6V11H4V2ZM4 13V22C4 23.1046 4.89543 24 6 24H18C19.1046 24 20 23.1046 20 22V13H8V15H6V13H4ZM15.2847 17.8695L13.4981 14L11.7116 17.8695C11.0475 19.3078 12.0133 21 13.4981 21C14.983 21 15.9487 19.3078 15.2847 17.8695ZM14.4981 3H12.4981V4.69598L11.0598 3.79723L10 5.49333L11.611 6.50001L10 7.50667L11.0599 9.20276L12.4981 8.30403V10H14.4981V8.30407L15.9363 9.20276L16.9962 7.50667L15.3852 6.50001L16.9962 5.49333L15.9364 3.79723L14.4981 4.69594V3Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Combifridge2.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18V11H8V9H6V2ZM4 13V11V2C4 0.89543 4.89543 0 6 0H18C19.1046 0 20 0.895431 20 2V11V13V22C20 23.1046 19.1046 24 18 24H6C4.89543 24 4 23.1046 4 22V13ZM18 13V22H6V15H8V13H18ZM14.4981 14H12.4981V15.696L11.0598 14.7972L10 16.4933L11.611 17.5L10 18.5067L11.0599 20.2028L12.4981 19.304V21H14.4981V19.3041L15.9363 20.2028L16.9962 18.5067L15.3852 17.5L16.9962 16.4933L15.9364 14.7972L14.4981 15.6959V14ZM15.2847 6.86951L13.4981 3L11.7116 6.86951C11.0475 8.30777 12.0133 10 13.4981 10C14.983 10 15.9487 8.30777 15.2847 6.86951Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Combifridge2Filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C4 0.89543 4.89543 0 6 0H18C19.1046 0 20 0.895431 20 2V11H8V9H6V11H4V2ZM4 13V22C4 23.1046 4.89543 24 6 24H18C19.1046 24 20 23.1046 20 22V13H8V15H6V13H4ZM12.4981 14H14.4981V15.6959L15.9364 14.7972L16.9962 16.4933L15.3852 17.5L16.9962 18.5067L15.9363 20.2028L14.4981 19.3041V21H12.4981V19.304L11.0599 20.2028L10 18.5067L11.611 17.5L10 16.4933L11.0598 14.7972L12.4981 15.696V14ZM13.4981 3L15.2847 6.86951C15.9487 8.30777 14.983 10 13.4981 10C12.0133 10 11.0475 8.30777 11.7116 6.86951L13.4981 3Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CoronavirusFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 15H0V9H2L1.999 11L3.0549 11.0003C3.24671 9.26456 3.93214 7.67757 4.96769 6.38282L4 5.414L3.29289 6.12132L1.87868 4.70711L4.70711 1.87868L6.12132 3.29289L5.414 4L6.38282 4.96769C7.67757 3.93214 9.26456 3.24671 11.0003 3.0549L11 2H9V0H15V2H13L13.0007 3.05501C14.736 3.24698 16.3227 3.93234 17.6172 4.96769L18.586 4L17.8787 3.29289L19.2929 1.87868L22.1213 4.70711L20.7071 6.12132L20 5.414L19.0323 6.38282C20.0679 7.67757 20.7533 9.26456 20.9451 11.0003L22 11V9H24V15H22V13L20.945 13.0007C20.7497 14.7663 20.0436 16.378 18.9778 17.6846L19.939 18.646L20.7071 17.8787L22.1213 19.2929L19.2929 22.1213L17.8787 20.7071L18.525 20.06L17.5496 19.0858C16.2677 20.0913 14.706 20.7563 13.0007 20.945L13 22H15V24H9V22H11L11.0003 20.9451C9.29463 20.7566 7.7326 20.0915 6.45037 19.0858L5.474 20.06L6.12132 20.7071L4.70711 22.1213L1.87868 19.2929L3.29289 17.8787L4.06 18.646L5.02218 17.6846C3.95639 16.378 3.25032 14.7663 3.05501 13.0007L2 13V15ZM10 15C10.5523 15 11 15.4477 11 16C11 16.5523 10.5523 17 10 17C9.44771 17 9 16.5523 9 16C9 15.4477 9.44771 15 10 15ZM15 14C15.5523 14 16 14.4477 16 15C16 15.5523 15.5523 16 15 16C14.4477 16 14 15.5523 14 15C14 14.4477 14.4477 14 15 14ZM10 7C11.6569 7 13 8.34315 13 10C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10C7 8.34315 8.34315 7 10 7ZM16 9C16.5523 9 17 9.44771 17 10C17 10.5523 16.5523 11 16 11C15.4477 11 15 10.5523 15 10C15 9.44771 15.4477 9 16 9Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/CupFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 3.44771 0.447715 3 1 3H17C17.5523 3 18 3.44772 18 4V7.25606C18.4692 7.09023 18.974 7 19.5 7C21.9853 7 24 9.01472 24 11.5C24 13.9853 21.9853 16 19.5 16C18.974 16 18.4692 15.9098 18 15.7439V16C18 19.3137 15.3137 22 12 22H6C2.68629 22 0 19.3137 0 16V4ZM18 13.5002C18.4178 13.814 18.9372 14 19.5 14C20.8807 14 22 12.8807 22 11.5C22 10.1193 20.8807 9 19.5 9C18.9372 9 18.4178 9.18597 18 9.49982V13.5002Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/Data.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 2H11V22H13V2ZM9 1V22H7V13C7 12.4477 6.55228 12 6 12H2C1.44772 12 1 12.4477 1 13V22H0V24H1H7H9H15H17H23H24V22H23V7C23 6.44772 22.5523 6 22 6H18C17.4477 6 17 6.44772 17 7V22H15V1C15 0.447715 14.5523 0 14 0H10C9.44772 0 9 0.447716 9 1ZM19 22H21V8H19V22ZM3 22V14H5V22H3Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/DataFilled.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 1C9 0.447715 9.44772 0 10 0H14C14.5523 0 15 0.447715 15 1V20H9V1ZM2 12C1.44772 12 1 12.4477 1 13V20H7V13C7 12.4477 6.55228 12 6 12H2ZM24 22H0V24H24V22ZM18 6C17.4477 6 17 6.44772 17 7V20H23V7C23 6.44772 22.5523 6 22 6H18Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 1C9 0.447715 9.44772 0 10 0H14C14.5523 0 15 0.447715 15 1V20H9V1ZM2 12C1.44772 12 1 12.4477 1 13V20H7V13C7 12.4477 6.55228 12 6 12H2ZM24 22H0V24H24V22ZM18 6C17.4477 6 17 6.44772 17 7V20H23V7C23 6.44772 22.5523 6 22 6H18Z" fill="#3E3832"/>
+<path d="M15 20V22H17V20H15ZM9 20H7V22H9V20ZM1 20H-1V22H1V20ZM7 20V22H9V20H7ZM0 22V20H-2V22H0ZM24 22H26V20H24V22ZM0 24H-2V26H0V24ZM24 24V26H26V24H24ZM17 20H15V22H17V20ZM23 20V22H25V20H23ZM10 -2C8.34315 -2 7 -0.656854 7 1H11C11 1.55229 10.5523 2 10 2V-2ZM14 -2H10V2H14V-2ZM17 1C17 -0.656855 15.6569 -2 14 -2V2C13.4477 2 13 1.55229 13 1H17ZM17 20V1H13V20H17ZM9 22H15V18H9V22ZM7 1V20H11V1H7ZM3 13C3 13.5523 2.55229 14 2 14V10C0.343145 10 -1 11.3431 -1 13H3ZM3 20V13H-1V20H3ZM7 18H1V22H7V18ZM5 13V20H9V13H5ZM6 14C5.44771 14 5 13.5523 5 13H9C9 11.3431 7.65685 10 6 10V14ZM2 14H6V10H2V14ZM0 24H24V20H0V24ZM2 24V22H-2V24H2ZM24 22H0V26H24V22ZM22 22V24H26V22H22ZM19 7C19 7.55228 18.5523 8 18 8V4C16.3431 4 15 5.34315 15 7H19ZM19 20V7H15V20H19ZM23 18H17V22H23V18ZM21 7V20H25V7H21ZM22 8C21.4477 8 21 7.55229 21 7H25C25 5.34315 23.6569 4 22 4V8ZM18 8H22V4H18V8Z" fill="#3E3832" mask="url(#path-1-inside-1)"/>
+</svg>

@navikt/ds-icons/svg/DeleteFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C14.4189 0 16.4366 1.71767 16.8999 3.99981L23 4V6H21V20C21 22.2091 19.2091 24 17 24H7C4.79086 24 3 22.2091 3 20V6H1V4L7.10006 3.99981C7.5634 1.71767 9.58111 0 12 0ZM9.66856 4H9.17004L9.24235 3.8169C9.3716 3.51603 9.54865 3.24054 9.76394 3C10.3133 2.38625 11.1115 2 12 2L12.1763 2.00509L12.3786 2.02365C13.1137 2.11621 13.7661 2.47481 14.2362 3C14.449 3.23782 14.6245 3.50979 14.7533 3.80669L14.829 4H14.3079H14.2598H13.7327H10.2674H9.70601H9.66856ZM10 9V19H8V9H10ZM16 9V19H14V9H16Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/DialogDots.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V24L7 19H20C22.2091 19 24 17.2091 24 15V4C24 1.79086 22.2091 0 20 0H4ZM20 2C21.0544 2 21.9182 2.81588 21.9945 3.85074L22 15C22 16.0544 21.0349 16.9237 20 17H6L2 20V4C2 2.94564 2.81588 2.08183 3.85074 2.00549L20 2ZM7 9C6.44772 9 6 9.44771 6 10C6 10.5523 6.44772 11 7 11C7.55228 11 8 10.5523 8 10C8 9.44771 7.55228 9 7 9ZM12 9C11.4477 9 11 9.44771 11 10C11 10.5523 11.4477 11 12 11C12.5523 11 13 10.5523 13 10C13 9.44771 12.5523 9 12 9ZM17 9C16.4477 9 16 9.44771 16 10C16 10.5523 16.4477 11 17 11C17.5523 11 18 10.5523 18 10C18 9.44771 17.5523 9 17 9Z" fill="#3E3832"/>
+</svg>

@navikt/ds-icons/svg/DialogDotsFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V24L7 19H20C22.2091 19 24 17.2091 24 15V4C24 1.79086 22.2091 0 20 0H4ZM7 9C6.44772 9 6 9.44771 6 10C6 10.5523 6.44772 11 7 11C7.55228 11 8 10.5523 8 10C8 9.44771 7.55228 9 7 9ZM12 9C11.4477 9 11 9.44771 11 10C11 10.5523 11.4477 11 12 11C12.5523 11 13 10.5523 13 10C13 9.44771 12.5523 9 12 9ZM17 9C16.4477 9 16 9.44771 16 10C16 10.5523 16.4477 11 17 11C17.5523 11 18 10.5523 18 10C18 9.44771 17.5523 9 17 9Z" fill="#3E3832"/>
+</svg>