Lerna versionbump [ci skip]

- @navikt/ds-css@0.18.27
 - @navikt/ds-react@0.19.21
 - @navikt/ds-react-internal@0.14.22

.storybook/deprecated.stories.mdx

@@ -9,4 +9,4 @@ På sikt vil komponentene under bli flyttet ut av ds-react eller erstattes av an
 - PageHeader -> @navikt/ds-react-navno
 - MicroCard -> @navikt/ds-react-navno
 
-- StepIndicator -> Horisontal `<Stepper />`
+- StepIndicator -> Horizontal `<Stepper />`

.storybook/main.js

@@ -11,6 +11,7 @@ module.exports = {
     };
     return config;
   },
+  staticDirs: ["./public"],
   devServer: {
     stats: "errors-only",
   },
@@ -18,6 +19,8 @@ module.exports = {
   addons: [
     "@storybook/addon-docs",
     "@storybook/addon-a11y",
+    "@whitespace/storybook-addon-html",
+    "storybook-addon-css-user-preferences",
     {
       name: "@storybook/addon-storysource",
       options: {

.storybook/manager.js

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

.storybook/preview.js

@@ -7,10 +7,27 @@ export const parameters = {
   options: {
     storySort: {
       method: "",
-      order: ["ds-icons", "ds-react", ["Default"]],
+      order: ["Intro", "ds-icons", "ds-react", ["Default"]],
       locales: "",
     },
   },
   viewMode: "docs",
   layout: "centered",
+  backgrounds: {
+    default: "Canvas",
+    values: [
+      {
+        name: "Canvas",
+        value: "#ffffff",
+      },
+      {
+        name: "Alternate",
+        value: "#f7f7f7",
+      },
+      {
+        name: "Inverted",
+        value: "#292929",
+      },
+    ],
+  },
 };

.storybook/public/logo.svg

@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="44"
+  height="44"
+  fill="none"
+  viewBox="0 0 44 44"
+>
+  <path
+    fill="rgba(153, 196, 221, 1)"
+    fill-rule="evenodd"
+    d="M9.07 3.03A10.33 10.33 0 0 1 16.37 0h17.3C39.37 0 44 4.62 44 10.33v17.3c0 2.73-1.09 5.36-3.03 7.3l-6.04 6.04a10.33 10.33 0 0 1-7.3 3.03h-17.3C4.63 44 0 39.38 0 33.67v-17.3c0-2.73 1.09-5.36 3.03-7.3l6.04-6.04Z"
+    clip-rule="evenodd"
+  ></path>
+  <path
+    fill="rgba(0, 36, 58, 1)"
+    fill-rule="evenodd"
+    d="M12.96 6.92a4.82 4.82 0 0 1 3.42-1.42h17.29a4.83 4.83 0 0 1 4.83 4.83v17.29a4.8 4.8 0 0 1-1.42 3.42l-.37.37-6.65 6.65a1.5 1.5 0 1 1-2.12-2.12l6.64-6.64v-.01c.72-.72.72-1.87 0-2.59L17.3 9.42a1.83 1.83 0 0 0-2.6 0l-6.64 6.64a1.5 1.5 0 1 1-2.12-2.12l7.02-7.02Zm22.54 3.41v13.05L20.62 8.5h13.05c1 0 1.83.82 1.83 1.83ZM20.06 26.06a1.5 1.5 0 0 0-2.12-2.12l-11 11a1.5 1.5 0 1 0 2.12 2.12l11-11Z"
+    clip-rule="evenodd"
+  ></path>
+</svg>

.storybook/theme.js

@@ -1,6 +1,22 @@
 import { create } from "@storybook/theming";
+/* import logoUrl from "./public/logo.svg"; */
 
 export default create({
+  /* brandImage: process.env.NODE_ENV === "production" ? logoUrl : "/logo.svg", */
   base: "light",
+  // Typography
+  fontBase: '"Source Sans Pro", sans-serif',
+  fontCode: "monospace",
+
+  // Text colors
+  textColor: "#292929",
+  textInverseColor: "rgba(255,255,255,0.9)",
+
+  colorSecondary: "rgba(0, 36, 58, 1)",
+  colorPrimary: "rgba(153, 196, 221, 1)",
+
+  barTextColor: "rgba(0, 91, 130, 1)",
+  barSelectedColor: "rgba(0, 36, 58, 1)",
+
   brandTitle: "NAV Designsystem",
 });

.storybook/velkommen.stories.mdx

@@ -0,0 +1,38 @@
+import { Meta, Canvas } from "@storybook/addon-docs";
+
+<Meta title="Intro/Velkommen" />
+
+# NAV designsystem-komponenter
+
+- [Dokumentasjon](https://aksel.nav.no/designsystem)
+- [Komponenter](https://aksel.nav.no/designsystem/side/oversikt-komponenter)
+
+## Kom i gang
+
+### Kjernepakke
+
+```bash
+yarn add @navikt/ds-react @navikt/ds-css @navikt/ds-icons
+```
+
+### Pakke for interne-flater
+
+```bash
+yarn add @navikt/ds-react-internal @navikt/ds-css-internal
+```
+
+### Bruk
+
+```jsx
+import { Heading } from "@navikt/ds-react";
+
+<Heading level="1" size="xlarge">
+  Sidetitel
+</Heading>;
+```
+
+## Bidra
+
+Hjelp oss med å forbedre designsystemet med feedback eller kode-hjelp
+
+- [Kode](https://github.com/navikt/Designsystemet/tree/master/%40navikt)

@navikt/codemod/.gitignore

@@ -0,0 +1,6 @@
+*.d.ts
+*.js
+bin/*.js
+*.js.map
+!transforms/**/__testfixtures__/**/*.js
+!jest.config.js

@navikt/codemod/bin/cli.ts

@@ -0,0 +1,191 @@
+/**
+ * Copyright 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+// Based on https://github.com/reactjs/react-codemod/blob/dd8671c9a470a2c342b221ec903c574cf31e9f57/bin/cli.js
+// @next/codemod optional-name-of-transform optional/path/to/src [...options]
+
+import globby from "globby";
+import inquirer from "inquirer";
+import meow from "meow";
+import path from "path";
+import execa from "execa";
+import chalk from "chalk";
+import isGitClean from "is-git-clean";
+
+export const jscodeshiftExecutable = require.resolve(".bin/jscodeshift");
+export const transformerDirectory = path.join(__dirname, "../", "transforms");
+
+export function checkGitStatus(force) {
+  let clean = false;
+  let errorMessage = "Unable to determine if git directory is clean";
+  try {
+    clean = isGitClean.sync(process.cwd());
+    errorMessage = "Git directory is not clean";
+  } catch (err) {
+    if (err && err.stderr && err.stderr.indexOf("Not a git repository") >= 0) {
+      clean = true;
+    }
+  }
+
+  if (!clean) {
+    if (force) {
+      console.log(`WARNING: ${errorMessage}. Forcibly continuing.`);
+    } else {
+      console.log("Thank you for using @@navikt/ds-codemod");
+      console.log(
+        chalk.yellow(
+          "\nBut before we continue, please stash or commit your git changes."
+        )
+      );
+      console.log(
+        "\nYou may use the --force flag to override this safety check."
+      );
+      process.exit(1);
+    }
+  }
+}
+
+export function runTransform({ files, flags, transformer }) {
+  const transformerPath = path.join(transformerDirectory, `${transformer}.js`);
+
+  let args = [];
+
+  const { dry, print, runInBand } = flags;
+
+  if (dry) {
+    args.push("--dry");
+  }
+  if (print) {
+    args.push("--print");
+  }
+  if (runInBand) {
+    args.push("--run-in-band");
+  }
+
+  args.push("--verbose=2");
+
+  args.push("--ignore-pattern=**/node_modules/**");
+
+  args.push("--extensions=tsx,ts,jsx,js");
+  args.push("--parser=tsx");
+
+  args = args.concat(["--transform", transformerPath]);
+
+  if (flags.jscodeshift) {
+    args = args.concat(flags.jscodeshift);
+  }
+
+  args = args.concat(files);
+
+  console.log(`Executing command: jscodeshift ${args.join(" ")}`);
+
+  const result = execa.sync(jscodeshiftExecutable, args, {
+    stdio: "inherit",
+    stripFinalNewline: false,
+  });
+
+  if (result.failed) {
+    throw new Error(`jscodeshift exited with code ${result.exitCode}`);
+  }
+}
+
+const TRANSFORMER_INQUIRER_CHOICES = [
+  {
+    name: "v1.0.0/chat: Fixes breaking API-changes from <SpeechBubble /> (now <Chat/>) component",
+    value: "v1.0.0/chat",
+  },
+];
+
+function expandFilePathsIfNeeded(filesBeforeExpansion) {
+  const shouldExpandFiles = filesBeforeExpansion.some((file) =>
+    file.includes("*")
+  );
+  return shouldExpandFiles
+    ? globby.sync(filesBeforeExpansion)
+    : filesBeforeExpansion;
+}
+
+export function run() {
+  const cli = meow({
+    description: "Codemods for updating @navikt/ds-* packages",
+    help: `
+    Usage
+      $ npx @navikt/codemod <transform> <path> <...options>
+        transform    One of the choices from <link-here>
+        path         Files or directory to transform. Can be a glob like pages/**.js
+    Options
+      --force            Bypass Git safety checks and forcibly run codemods
+      --dry              Dry run (no changes are made to files)
+      --print            Print transformed files to your terminal
+      --jscodeshift  (Advanced) Pass options directly to jscodeshift
+    `,
+    flags: {
+      boolean: ["force", "dry", "print", "help"],
+      string: ["_"],
+      alias: {
+        h: "help",
+      },
+    },
+  } as meow.Options<meow.AnyFlags>);
+
+  if (!cli.flags.dry) {
+    checkGitStatus(cli.flags.force);
+  }
+
+  if (
+    cli.input[0] &&
+    !TRANSFORMER_INQUIRER_CHOICES.find((x) => x.value === cli.input[0])
+  ) {
+    console.error("Invalid transform choice, pick one of:");
+    console.error(
+      TRANSFORMER_INQUIRER_CHOICES.map((x) => "- " + x.value).join("\n")
+    );
+    process.exit(1);
+  }
+
+  inquirer
+    .prompt([
+      {
+        type: "input",
+        name: "files",
+        message: "On which files or directory should the codemods be applied?",
+        when: !cli.input[1],
+        default: ".",
+        // validate: () =>
+        filter: (files) => files.trim(),
+      },
+      {
+        type: "list",
+        name: "transformer",
+        message: "Which transform would you like to apply?",
+        when: !cli.input[0],
+        pageSize: TRANSFORMER_INQUIRER_CHOICES.length,
+        choices: TRANSFORMER_INQUIRER_CHOICES,
+      },
+    ])
+    .then((answers) => {
+      const { files, transformer } = answers;
+
+      const filesBeforeExpansion = cli.input[1] || files;
+      const filesExpanded = expandFilePathsIfNeeded([filesBeforeExpansion]);
+
+      const selectedTransformer = cli.input[0] || transformer;
+
+      if (!filesExpanded.length) {
+        console.log(
+          `No files found matching ${filesBeforeExpansion.join(" ")}`
+        );
+        return null;
+      }
+
+      return runTransform({
+        files: filesExpanded,
+        flags: cli.flags,
+        transformer: selectedTransformer,
+      });
+    });
+}

@navikt/codemod/bin/ds-codemod.ts

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+/**
+ * Copyright 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+// Based on https://github.com/reactjs/react-codemod/blob/dd8671c9a470a2c342b221ec903c574cf31e9f57/bin/react-codemod.js
+// next-codemod optional-name-of-transform optional/path/to/src [...options]
+
+require("./cli").run();

@navikt/codemod/jest.config.js

@@ -0,0 +1,8 @@
+const customJestConfig = {
+  testMatch: ["**/__tests__/**/*.js"],
+  verbose: true,
+  rootDir: "./transforms",
+};
+
+// createJestConfig is exported in this way to ensure that next/jest can load the Next.js config which is async
+module.exports = customJestConfig;

@navikt/codemod/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@navikt/ds-codemod",
+  "version": "1.0.2",
+  "private": true,
+  "description": "NAV designsystem codemods",
+  "author": "NAV Designsystem team",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "codemod",
+    "jscodeshift"
+  ],
+  "files": [
+    "transforms/*.js",
+    "bin/*.js",
+    "lib/**/*.js",
+    "lib/cra-to-next/gitignore"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc --watch -p tsconfig.json",
+    "test": "jest",
+    "test:watch": "jest --watch"
+  },
+  "bin": "./bin/ds-codemod.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/navikt/Designsystemet.git",
+    "directory": "@navikt/codemod"
+  },
+  "homepage": "https://github.com/navikt/Designsystemet/tree/master/@navikt/codemod",
+  "dependencies": {
+    "chalk": "4.1.0",
+    "cheerio": "1.0.0-rc.9",
+    "execa": "4.0.3",
+    "globby": "11.0.1",
+    "inquirer": "7.3.3",
+    "is-git-clean": "1.1.0",
+    "jest": "^27.5.0",
+    "jscodeshift": "0.13.1",
+    "jscodeshift-add-imports": "1.0.10",
+    "meow": "7.0.1"
+  },
+  "devDependencies": {
+    "@types/jscodeshift": "0.11.5",
+    "@types/react": "^18.0.0",
+    "typescript": "^4.7.2"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=12.0.0"
+  }
+}

@navikt/codemod/transforms/__testfixtures__/rename-prop/rename.input.js

@@ -0,0 +1,8 @@
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <SpeechBubble illustration={<Illustration />}>
+      <div />
+    </SpeechBubble>
+  );
+};

@navikt/codemod/transforms/__testfixtures__/rename-prop/rename.output.js

@@ -0,0 +1,8 @@
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <SpeechBubble avatar={<Illustration />}>
+      <div />
+    </SpeechBubble>
+  );
+};

@navikt/codemod/transforms/__tests__/rename-prop.ts

@@ -0,0 +1,24 @@
+export {};
+
+jest.autoMockOff();
+const defineTest = require("jscodeshift/dist/testUtils").defineTest;
+
+const tests = [
+  {
+    fixture: "rename",
+    options: {
+      component: "SpeechBubble",
+      from: "illustration",
+      to: "avatar",
+    },
+  },
+];
+
+for (const test of tests) {
+  defineTest(
+    __dirname,
+    "rename-prop",
+    test.options,
+    `rename-prop/${test.fixture}`
+  );
+}

@navikt/codemod/transforms/rename-prop.ts

@@ -0,0 +1,18 @@
+import renameProps from "./utils/rename-props";
+
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+export default function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  const printOptions = options.printOptions;
+
+  return renameProps({
+    root,
+    componentName: options.component,
+    props: { [options.from]: options.to },
+  }).toSource(printOptions);
+}

@navikt/codemod/transforms/utils/rename-props.ts

@@ -0,0 +1,12 @@
+export default function renameProps({ root, componentName, props }) {
+  return root.findJSXElements(componentName).forEach((path) => {
+    path.node.openingElement.attributes.forEach((node) => {
+      if (
+        node.type === "JSXAttribute" &&
+        Object.keys(props).includes(node.name.name)
+      ) {
+        node.name.name = props[node.name.name];
+      }
+    });
+  });
+}

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/complete.input.js

@@ -0,0 +1,25 @@
+import { SpeechBubble, Button } from "@navikt/ds-react";
+
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <SpeechBubble
+      illustration={<Illustration />}
+      topText="Ola Normann 01.01.21 14:00"
+      backgroundColor="red"
+      illustrationBgColor="blue"
+    >
+      <SpeechBubble.Bubble>
+        Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+      </SpeechBubble.Bubble>
+      <SpeechBubble.Bubble>
+        Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+        do.
+      </SpeechBubble.Bubble>
+      <SpeechBubble.Bubble>
+        Adipisicing laborum est eu laborum est sit in commodo enim sint laboris
+        labore nisi ut.
+      </SpeechBubble.Bubble>
+    </SpeechBubble>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/complete.output.js

@@ -0,0 +1,25 @@
+import { Chat, Button } from "@navikt/ds-react";
+
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <Chat
+      avatar={<Illustration />}
+      name="Ola Normann 01.01.21 14:00"
+      backgroundColor="red"
+      avatarBgColor="blue"
+    >
+      <Chat.Bubble>
+        Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+      </Chat.Bubble>
+      <Chat.Bubble>
+        Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+        do.
+      </Chat.Bubble>
+      <Chat.Bubble>
+        Adipisicing laborum est eu laborum est sit in commodo enim sint laboris
+        labore nisi ut.
+      </Chat.Bubble>
+    </Chat>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/idempotent.input.js

@@ -0,0 +1,25 @@
+import { Chat, Button } from "@navikt/ds-react";
+
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <Chat
+      avatar={<Illustration />}
+      name="Ola Normann 01.01.21 14:00"
+      backgroundColor="red"
+      avatarBgColor="blue"
+    >
+      <Chat.Bubble>
+        Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+      </Chat.Bubble>
+      <Chat.Bubble>
+        Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+        do.
+      </Chat.Bubble>
+      <Chat.Bubble>
+        Adipisicing laborum est eu laborum est sit in commodo enim sint laboris
+        labore nisi ut.
+      </Chat.Bubble>
+    </Chat>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/idempotent.output.js

@@ -0,0 +1,25 @@
+import { Chat, Button } from "@navikt/ds-react";
+
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <Chat
+      avatar={<Illustration />}
+      name="Ola Normann 01.01.21 14:00"
+      backgroundColor="red"
+      avatarBgColor="blue"
+    >
+      <Chat.Bubble>
+        Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+      </Chat.Bubble>
+      <Chat.Bubble>
+        Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+        do.
+      </Chat.Bubble>
+      <Chat.Bubble>
+        Adipisicing laborum est eu laborum est sit in commodo enim sint laboris
+        labore nisi ut.
+      </Chat.Bubble>
+    </Chat>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/props.input.js

@@ -0,0 +1,44 @@
+import { SpeechBubble, Button } from "@navikt/ds-react";
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <div>
+      <SpeechBubble
+        illustration={<Illustration />}
+        topText="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        illustrationBgColor="blue"
+      >
+        <SpeechBubble.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </SpeechBubble.Bubble>
+        <SpeechBubble.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </SpeechBubble.Bubble>
+        <SpeechBubble.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </SpeechBubble.Bubble>
+      </SpeechBubble>
+      <SpeechBubble
+        illustration={<Illustration />}
+        topText="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        illustrationBgColor="blue"
+      >
+        <SpeechBubble.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </SpeechBubble.Bubble>
+        <SpeechBubble.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </SpeechBubble.Bubble>
+        <SpeechBubble.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </SpeechBubble.Bubble>
+      </SpeechBubble>
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/props.output.js

@@ -0,0 +1,44 @@
+import { Chat, Button } from "@navikt/ds-react";
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <div>
+      <Chat
+        avatar={<Illustration />}
+        name="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        avatarBgColor="blue"
+      >
+        <Chat.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </Chat.Bubble>
+        <Chat.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </Chat.Bubble>
+        <Chat.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </Chat.Bubble>
+      </Chat>
+      <Chat
+        avatar={<Illustration />}
+        name="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        avatarBgColor="blue"
+      >
+        <Chat.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </Chat.Bubble>
+        <Chat.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </Chat.Bubble>
+        <Chat.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </Chat.Bubble>
+      </Chat>
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/renamed.input.js

@@ -0,0 +1,44 @@
+import { SpeechBubble as DsBubble, Button } from "@navikt/ds-react";
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <div>
+      <DsBubble
+        illustration={<Illustration />}
+        topText="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        illustrationBgColor="blue"
+      >
+        <DsBubble.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </DsBubble.Bubble>
+      </DsBubble>
+      <DsBubble
+        illustration={<Illustration />}
+        topText="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        illustrationBgColor="blue"
+      >
+        <DsBubble.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </DsBubble.Bubble>
+      </DsBubble>
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/chat/renamed.output.js

@@ -0,0 +1,44 @@
+import { Chat as DsBubble, Button } from "@navikt/ds-react";
+/* eslint-disable react/jsx-no-undef */
+export const Page = () => {
+  return (
+    <div>
+      <DsBubble
+        avatar={<Illustration />}
+        name="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        avatarBgColor="blue"
+      >
+        <DsBubble.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </DsBubble.Bubble>
+      </DsBubble>
+      <DsBubble
+        avatar={<Illustration />}
+        name="Ola Normann 01.01.21 14:00"
+        backgroundColor="red"
+        avatarBgColor="blue"
+      >
+        <DsBubble.Bubble>
+          Aute minim nisi sunt mollit duis sunt nulla minim non proident.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Eu fugiat esse fugiat Lorem culpa nulla mollit tempor incididunt aute
+          do.
+        </DsBubble.Bubble>
+        <DsBubble.Bubble>
+          Adipisicing laborum est eu laborum est sit in commodo enim sint
+          laboris labore nisi ut.
+        </DsBubble.Bubble>
+      </DsBubble>
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/pagination/idempotent.input.js

@@ -0,0 +1,11 @@
+import { Pagination, Button } from "@navikt/ds-react";
+
+export const Demo = () => {
+  return (
+    <div>
+      <Pagination size="small" onPageChange={setPage} data-version="v1" />
+      <Pagination size="small" onPageChange={setPage} data-version="v1" />
+      <Pagination size="xsmall" onPageChange={setPage} data-version="v1" />
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/pagination/idempotent.output.js

@@ -0,0 +1,11 @@
+import { Pagination, Button } from "@navikt/ds-react";
+
+export const Demo = () => {
+  return (
+    <div>
+      <Pagination size="small" onPageChange={setPage} data-version="v1" />
+      <Pagination size="small" onPageChange={setPage} data-version="v1" />
+      <Pagination size="xsmall" onPageChange={setPage} data-version="v1" />
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/pagination/import.input.js

@@ -0,0 +1,11 @@
+import { Pagination as DsPagination, Button } from "@navikt/ds-react";
+
+export const Demo = () => {
+  return (
+    <div>
+      <DsPagination onPageChange={setPage} />
+      <DsPagination size="medium" onPageChange={setPage} />
+      <DsPagination size="small" onPageChange={setPage} />
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/pagination/import.output.js

@@ -0,0 +1,11 @@
+import { Pagination as DsPagination, Button } from "@navikt/ds-react";
+
+export const Demo = () => {
+  return (
+    <div>
+      <DsPagination size="small" onPageChange={setPage} />
+      <DsPagination size="small" onPageChange={setPage} />
+      <DsPagination size="xsmall" onPageChange={setPage} />
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/pagination/size.input.js

@@ -0,0 +1,11 @@
+import { Pagination, Button } from "@navikt/ds-react";
+
+export const Demo = () => {
+  return (
+    <div>
+      <Pagination onPageChange={setPage} />
+      <Pagination size="medium" onPageChange={setPage} />
+      <Pagination size="small" onPageChange={setPage} />
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/pagination/size.output.js

@@ -0,0 +1,11 @@
+import { Pagination, Button } from "@navikt/ds-react";
+
+export const Demo = () => {
+  return (
+    <div>
+      <Pagination size="small" onPageChange={setPage} />
+      <Pagination size="small" onPageChange={setPage} />
+      <Pagination size="xsmall" onPageChange={setPage} />
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/tabs/complete.input.js

@@ -0,0 +1,25 @@
+import { Tabs } from "@navikt/ds-react";
+
+const TabComp = () => {
+  return (
+    /* prettier-ignore */
+    <div>
+      <Tabs defaultValue="logg" onChange={(x) => console.log(x)}>
+        <Tabs.List loop={false}>
+          <Tabs.Tab value="logg" iconPosition={props.left} label="logg" />
+          <Tabs.Tab value="logg2" iconPosition="top" label="logg2medlangtekst" />
+        </Tabs.List>
+        <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+        <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+      </Tabs>
+      <Tabs defaultValue="logg" onChange={(x) => console.log(x)}>
+        <Tabs.List>
+          <Tabs.Tab value="logg" label="logg" />
+          <Tabs.Tab value="logg2" label="logg2medlangtekst" />
+        </Tabs.List>
+        <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+        <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+      </Tabs>
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/tabs/complete.output.js

@@ -0,0 +1,29 @@
+import { Tabs } from "@navikt/ds-react";
+
+const TabComp = () => {
+  return (
+    /* prettier-ignore */
+    <div>
+      <Tabs
+        defaultValue="logg"
+        onChange={(x) => console.log(x)}
+        loop={false}
+        iconPosition={props.left}>
+        <Tabs.List>
+          <Tabs.Tab value="logg" label="logg" />
+          <Tabs.Tab value="logg2" label="logg2medlangtekst" />
+        </Tabs.List>
+        <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+        <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+      </Tabs>
+      <Tabs defaultValue="logg" onChange={(x) => console.log(x)}>
+        <Tabs.List>
+          <Tabs.Tab value="logg" label="logg" />
+          <Tabs.Tab value="logg2" label="logg2medlangtekst" />
+        </Tabs.List>
+        <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+        <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+      </Tabs>
+    </div>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/tabs/idempotent.input.js

@@ -0,0 +1,19 @@
+import { Tabs } from "@navikt/ds-react";
+
+const TabComp = () => {
+  return (
+    /* prettier-ignore */
+    <Tabs
+      defaultValue="logg"
+      onChange={(x) => console.log(x)}
+      loop
+      iconPosition="left">
+      <Tabs.List>
+        <Tabs.Tab value="logg" label="logg" />
+        <Tabs.Tab value="logg2" label="logg2medlangtekst" />
+      </Tabs.List>
+      <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+      <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+    </Tabs>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/tabs/idempotent.output.js

@@ -0,0 +1,19 @@
+import { Tabs } from "@navikt/ds-react";
+
+const TabComp = () => {
+  return (
+    /* prettier-ignore */
+    <Tabs
+      defaultValue="logg"
+      onChange={(x) => console.log(x)}
+      loop
+      iconPosition="left">
+      <Tabs.List>
+        <Tabs.Tab value="logg" label="logg" />
+        <Tabs.Tab value="logg2" label="logg2medlangtekst" />
+      </Tabs.List>
+      <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+      <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+    </Tabs>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/tabs/props.input.js

@@ -0,0 +1,15 @@
+import { Tabs } from "@navikt/ds-react";
+
+const TabComp = () => {
+  return (
+    /* prettier-ignore */
+    <Tabs defaultValue="logg" onChange={(x) => console.log(x)}>
+      <Tabs.List loop>
+        <Tabs.Tab value="logg" iconPosition="left" label="logg" />
+        <Tabs.Tab value="logg2" iconPosition="top" label="logg2medlangtekst" />
+      </Tabs.List>
+      <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+      <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+    </Tabs>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__testfixtures__/tabs/props.output.js

@@ -0,0 +1,19 @@
+import { Tabs } from "@navikt/ds-react";
+
+const TabComp = () => {
+  return (
+    /* prettier-ignore */
+    <Tabs
+      defaultValue="logg"
+      onChange={(x) => console.log(x)}
+      loop
+      iconPosition="left">
+      <Tabs.List>
+        <Tabs.Tab value="logg" label="logg" />
+        <Tabs.Tab value="logg2" label="logg2medlangtekst" />
+      </Tabs.List>
+      <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
+      <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
+    </Tabs>
+  );
+};

@navikt/codemod/transforms/v1.0.0/__tests__/chat.test.ts

@@ -0,0 +1,10 @@
+export {};
+
+jest.autoMockOff();
+const defineTest = require("jscodeshift/dist/testUtils").defineTest;
+
+const tests = ["props", "complete", "idempotent", "renamed"];
+
+for (const test of tests) {
+  defineTest(__dirname, "chat", null, `chat/${test}`);
+}

@navikt/codemod/transforms/v1.0.0/__tests__/pagination.test.ts

@@ -0,0 +1,10 @@
+export {};
+
+jest.autoMockOff();
+const defineTest = require("jscodeshift/dist/testUtils").defineTest;
+
+const tests = ["size", "import", "idempotent"];
+
+for (const test of tests) {
+  defineTest(__dirname, "pagination", null, `pagination/${test}`);
+}

@navikt/codemod/transforms/v1.0.0/__tests__/tabs.test.ts

@@ -0,0 +1,10 @@
+export {};
+
+jest.autoMockOff();
+const defineTest = require("jscodeshift/dist/testUtils").defineTest;
+
+const tests = ["props", "idempotent", "complete"];
+
+for (const test of tests) {
+  defineTest(__dirname, "tabs", null, `tabs/${test}`);
+}

@navikt/codemod/transforms/v1.0.0/chat.ts

@@ -0,0 +1,68 @@
+import renameProps from "../utils/rename-props";
+
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+export default function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  let localName = "SpeechBubble";
+
+  const root = j(file.source);
+
+  /* Finds and replaces import from SpeechBubble -> Chat */
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === "@navikt/ds-react")
+    .forEach((imp) => {
+      imp.value.specifiers.forEach((x) => {
+        if (x.imported.name === "SpeechBubble") {
+          if (x.local.name !== x.imported.name) {
+            localName = x.local.name;
+            x.imported.name = "Chat";
+          } else {
+            x.imported.name = "Chat";
+            x.local.name = "Chat";
+          }
+        }
+      });
+    });
+
+  if (!!j(file.source).findJSXElements(localName)) {
+    renameProps({
+      root,
+      componentName: localName,
+      props: {
+        illustrationBgColor: "avatarBgColor",
+        illustration: "avatar",
+        topText: "name",
+      },
+    });
+
+    /* Find and replace name of all <SpeechBubble />*/
+    const compRoot = root.find(j.JSXElement, {
+      openingElement: { name: { name: localName } },
+    });
+
+    compRoot.forEach((x) => {
+      if (localName !== "SpeechBubble") return;
+      x.node.openingElement.name.name = "Chat";
+      x.node.closingElement.name.name = "Chat";
+    });
+
+    /* Need to handle dot-notations differently */
+    const child = root.find(j.JSXElement);
+
+    child.forEach((x) => {
+      if (
+        x.value.openingElement.name.type === "JSXMemberExpression" &&
+        x.value.openingElement.name.object.name === "SpeechBubble"
+      ) {
+        x.value.openingElement.name.object.name = "Chat";
+        x.value.closingElement.name.object.name = "Chat";
+      }
+    });
+  }
+
+  return root.toSource(options.printOptions);
+}

@navikt/codemod/transforms/v1.0.0/pagination.ts

@@ -0,0 +1,60 @@
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+export default function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  let localName = "Pagination";
+
+  const root = j(file.source);
+
+  /* https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/variant-prop.js */
+  function addExplicitStandardProp(node) {
+    const attributes = node.openingElement.attributes;
+    const variant = attributes.find(
+      (node) => node.type === "JSXAttribute" && node.name.name === "size"
+    );
+
+    if (!variant) {
+      attributes.unshift(
+        j.jsxAttribute(j.jsxIdentifier("size"), j.literal("small"))
+      );
+    }
+  }
+
+  /* Finds locally used name for Pagination */
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === "@navikt/ds-react")
+    .forEach((imp) => {
+      imp.value.specifiers.forEach((x) => {
+        if (
+          x.imported.name === "Pagination" &&
+          x.local.name !== x.imported.name
+        ) {
+          localName = x.local.name;
+        }
+      });
+    });
+
+  if (!!j(file.source).findJSXElements(localName)) {
+    root.findJSXElements(`${localName}`).forEach((parent) => {
+      const skip = !!parent.value.openingElement?.attributes.find(
+        (x) => x.name.name === "data-version" && x.value.value === "v1"
+      );
+      parent.value.openingElement?.attributes.forEach((x, index) => {
+        if (x.name?.name === "size" && x.type === "JSXAttribute" && !skip) {
+          /* addExplicitStandardProp */
+          if (x.value.value === "medium") {
+            x.value = j.literal("small");
+          } else if (x.value.value === "small") {
+            x.value = j.literal("xsmall");
+          }
+        }
+      });
+      addExplicitStandardProp(parent.value);
+    });
+  }
+
+  return root.toSource(options.printOptions);
+}

@navikt/codemod/transforms/v1.0.0/tabs.ts

@@ -0,0 +1,83 @@
+import renameProps from "../utils/rename-props";
+
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+export default function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  let localName = "Tabs";
+  let iconPositionProp = null;
+
+  const root = j(file.source);
+
+  /* Finds used name for Tabs component */
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === "@navikt/ds-react")
+    .forEach((imp) => {
+      imp.value.specifiers.forEach((x) => {
+        if (x.imported.name === "Tabs" && x.local.name !== x.imported.name) {
+          localName = x.local.name;
+        }
+      });
+    });
+
+  if (!!j(file.source).findJSXElements(localName)) {
+    renameProps({
+      root,
+      componentName: `${localName}.List`,
+      props: {
+        loop: "null",
+      },
+    });
+
+    root.findJSXElements(`${localName}`).forEach((parent) => {
+      parent.value.children.forEach((el) => {
+        const openingEl = el.openingElement;
+        if (openingEl?.name && openingEl.name.type === "JSXMemberExpression") {
+          if (
+            openingEl.name.object.name === localName &&
+            openingEl.name.property.name === "List"
+          ) {
+            /* Move loop-prop */
+            el.openingElement.attributes.forEach((x, index) => {
+              if (x.name?.name === "loop" && x.type === "JSXAttribute") {
+                parent.value.openingElement.attributes.push(x);
+                delete el.openingElement.attributes[index];
+              }
+            });
+
+            /* Find and move iconPosition-prop to <Tabs/> */
+            el.children.forEach((tab) => {
+              const tabEl = tab.openingElement;
+              if (tabEl?.name && tabEl.name.type === "JSXMemberExpression") {
+                if (
+                  tabEl.name.object.name === localName &&
+                  tabEl.name.property.name === "Tab"
+                ) {
+                  tabEl?.attributes.forEach((x, index) => {
+                    if (
+                      x.name?.name === "iconPosition" &&
+                      x.type === "JSXAttribute"
+                    ) {
+                      if (!iconPositionProp) {
+                        iconPositionProp = x;
+                      }
+                      delete tabEl.attributes[index];
+                    }
+                  });
+                }
+              }
+            });
+          }
+        }
+      });
+      iconPositionProp &&
+        parent.value.openingElement.attributes.push(iconPositionProp);
+      iconPositionProp = null;
+    });
+  }
+
+  return root.toSource(options.printOptions);
+}

@navikt/codemod/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "sourceMap": false,
+    "esModuleInterop": true,
+    "target": "es2015",
+    "downlevelIteration": true,
+    "preserveWatchOutput": true,
+    "declaration": false,
+    "types": ["@types/jscodeshift", "node", "jest"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules", "dist", "jest.config.js"]
+}

@navikt/core/css/accordion.css

@@ -1,15 +1,9 @@
 :root {
-  --navds-accordion-color-text: var(--navds-semantic-color-text);
-  --navds-accordion-color-background: var(
-    ---navds-semantic-color-component-background-light
-  );
-  --navds-accordion-color-text-hover: var(--navds-semantic-color-link);
-  --navds-accordion-color-border: var(--navds-semantic-color-border-muted);
-  --navds-accordion-color-border-hover: var(
+  --navds-accordion-color-text-hover: var(
     --navds-semantic-color-interaction-primary
   );
-  --navds-accordion-color-text-open: var(--navds-semantic-color-text);
-  --navds-accordion-color-text-open-hover: var(
+  --navds-accordion-color-border: var(--navds-semantic-color-border);
+  --navds-accordion-color-border-hover: var(
     --navds-semantic-color-interaction-primary
   );
   --navds-accordion-color-background-open: var(
@@ -21,10 +15,6 @@
   transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.navds-accordion {
-  background: var(--navds-accordion-color-background);
-}
-
 .navds-accordion__item:focus-within {
   position: relative;
 }
@@ -33,9 +23,9 @@
   width: 100%;
   display: flex;
   justify-content: space-between;
-  align-items: center;
-  gap: var(--navds-spacing-4);
-  padding: var(--navds-spacing-4) var(--navds-spacing-3);
+  align-items: flex-start;
+  gap: var(--navds-spacing-2);
+  padding: 14px var(--navds-spacing-3) var(--navds-spacing-3);
   margin: 0;
   text-align: left;
   background: transparent;
@@ -54,20 +44,18 @@
   border-color: var(--navds-accordion-color-border-hover);
 }
 
-.navds-accordion__item--open > .navds-accordion__header {
-  background-color: var(--navds-accordion-color-background-open);
-  color: var(--navds-accordion-color-text-open);
-  border-color: transparent;
+.navds-accordion__header-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-.navds-accordion__item--open > .navds-accordion__header:hover {
-  border-color: transparent;
-  color: var(--navds-accordion-color-text-open-hover);
+.navds-accordion__item--open > .navds-accordion__header {
+  background-color: var(--navds-accordion-color-background-open);
+  border-color: var(--navds-accordion-color-background-open);
 }
 
 .navds-accordion__content {
-  color: var(--navds-accordion-color-text);
-  padding: var(--navds-spacing-5) var(--navds-spacing-3) var(--navds-spacing-10);
+  padding: var(--navds-spacing-3) var(--navds-spacing-3) 18px;
   border-bottom: 2px solid var(--navds-accordion-color-border);
 }
 
@@ -79,12 +67,12 @@
 }
 
 .navds-accordion__expand-icon {
-  width: 1.5rem;
-  height: 1.5rem;
+  font-size: 1.5rem;
+  height: 1.75rem;
   flex-shrink: 0;
 }
 
-.navds-accordion__expand-icon--flip {
+.navds-accordion__item--open .navds-accordion__expand-icon {
   transform: rotateZ(180deg);
 }
 

@navikt/core/css/alert.css

@@ -16,22 +16,13 @@
     --navds-semantic-color-feedback-success-border
   );
   --navds-alert-color-success-background: var(--navds-global-color-green-50);
-  --navds-alert-color-error-icon: var(
-    --navds-semantic-color-feedback-danger-icon
-  );
-  --navds-alert-color-warning-icon: var(--navds-global-color-orange-600);
-  --navds-alert-color-info-icon: var(--navds-semantic-color-feedback-info-icon);
-  --navds-alert-color-success-icon: var(
-    --navds-semantic-color-feedback-success-icon
-  );
-  --navds-alert-color-icon-background: var(--navds-global-color-white);
 }
 
 .navds-alert {
   border-radius: var(--navds-border-radius-medium);
   border: 1px solid;
   border-color: var(--navds-alert-color-border);
-  padding: calc(var(--navds-spacing-4) + 1px) calc(var(--navds-spacing-4) + 1px);
+  padding: var(--navds-spacing-4);
   display: flex;
   gap: var(--navds-spacing-3);
   align-items: center;
@@ -42,13 +33,19 @@
 }
 
 .navds-alert--small {
-  padding: calc(var(--navds-spacing-1) - 1px) var(--navds-spacing-4);
+  padding: var(--navds-spacing-2) var(--navds-spacing-4);
+  gap: var(--navds-spacing-3);
 }
 
 .navds-alert--full-width {
   border-radius: 0;
 }
 
+.navds-alert--full-width.navds-alert--small {
+  padding-right: var(--navds-spacing-4);
+  padding-left: var(--navds-spacing-4);
+}
+
 .navds-alert > .navds-alert__icon {
   flex-shrink: 0;
   font-size: 1.5rem;
@@ -66,62 +63,23 @@
   background-color: var(--navds-alert-color-error-background);
 }
 
-.navds-alert--error > .navds-alert__icon {
-  color: var(--navds-alert-color-error-icon);
-  background: radial-gradient(
-    circle,
-    var(--navds-alert-color-icon-background) 50%,
-    0,
-    transparent
-  );
-}
-
 .navds-alert--warning {
   border-color: var(--navds-alert-color-warning-border);
   background-color: var(--navds-alert-color-warning-background);
 }
 
-.navds-alert--warning > .navds-alert__icon {
-  color: var(--navds-alert-color-warning-icon);
-  background: linear-gradient(
-      var(--navds-alert-color-icon-background),
-      var(--navds-alert-color-icon-background)
-    )
-    center / 16% 60% no-repeat;
-}
-
 .navds-alert--info {
   border-color: var(--navds-alert-color-info-border);
   background-color: var(--navds-alert-color-info-background);
 }
 
-.navds-alert--info > .navds-alert__icon {
-  color: var(--navds-alert-color-info-icon);
-  background: radial-gradient(
-    circle,
-    var(--navds-alert-color-icon-background) 50%,
-    0,
-    transparent
-  );
-}
-
 .navds-alert--success {
   border-color: var(--navds-alert-color-success-border);
   background-color: var(--navds-alert-color-success-background);
 }
 
-.navds-alert--success > .navds-alert__icon {
-  color: var(--navds-alert-color-success-icon);
-  background: radial-gradient(
-    circle,
-    var(--navds-alert-color-icon-background) 50%,
-    0,
-    transparent
-  );
-}
-
 .navds-alert--inline {
   background-color: transparent;
-  border-color: transparent;
+  border: none;
   padding: 0;
 }

@navikt/core/css/baseline/baseline.css

@@ -43,9 +43,13 @@ a {
   color: var(--navds-semantic-color-link);
 }
 
+button {
+  color: inherit;
+}
+
 /* https://web.dev/prefers-reduced-motion/ */
 @media (prefers-reduced-motion: reduce) {
-  *,
+  *:not(.navds-loader *):not(.navds-loader),
   ::before,
   ::after {
     animation-delay: -1ms !important;

@navikt/core/css/button.css

@@ -94,11 +94,9 @@
   );
 
   /* Secondary */
-  --navds-button-color-secondary-text: var(--navds-global-color-blue-200);
-  --navds-button-color-secondary-text-hover: var(--navds-global-color-blue-200);
-  --navds-button-color-secondary-text-active: var(
-    --navds-global-color-blue-200
-  );
+  --navds-button-color-secondary-text: var(--navds-global-color-white);
+  --navds-button-color-secondary-text-hover: var(--navds-global-color-white);
+  --navds-button-color-secondary-text-active: var(--navds-global-color-white);
   --navds-button-color-secondary-border: var(--navds-global-color-blue-200);
   --navds-button-color-secondary-border-focus-active-hover: var(
     --navds-semantic-color-text
@@ -107,10 +105,10 @@
     --navds-semantic-color-component-background-inverted
   );
   --navds-button-color-secondary-background-hover: var(
-    --navds-global-color-blue-900
+    --navds-global-color-gray-800
   );
   --navds-button-color-secondary-background-active: var(
-    --navds-global-color-blue-800
+    --navds-global-color-gray-700
   );
 }
 

@navikt/core/css/form/confirmation-panel.css

@@ -5,6 +5,9 @@
   --navds-confirmation-panel-color-background-checked: var(
     --navds-global-color-green-50
   );
+  --navds-confirmation-panel-color-background-error: var(
+    --navds-global-color-red-50
+  );
   --navds-confirmation-panel-color-border: var(
     --navds-semantic-color-feedback-warning-border
   );
@@ -12,48 +15,26 @@
     --navds-semantic-color-feedback-success-border
   );
   --navds-confirmation-panel-color-border-error: var(
-    --navds-semantic-color-feedback-danger-background
-  );
-  --navds-confirmation-panel-color-background-error: var(
-    --navds-global-color-red-50
-  );
-  --navds-confirmation-panel-color-checkbox-background-checked-hover: var(
-    --navds-global-color-green-700
-  );
-  --navds-confirmation-panel-color-checkbox-border-checked-hover: var(
-    --navds-global-color-green-700
-  );
-  --navds-confirmation-panel-color-checkbox-background-checked: var(
-    --navds-global-color-green-500
-  );
-  --navds-confirmation-panel-color-checkbox-border-checked: var(
-    --navds-semantic-color-feedback-success-border
-  );
-  --navds-confirmation-panel-color-checkbox-label-checked: var(
-    --navds-semantic-color-text
+    --navds-semantic-color-feedback-danger-border
   );
 }
 
 .navds-confirmation-panel__inner {
   display: flex;
   flex-direction: column;
-  gap: var(--navds-spacing-4);
+  gap: var(--navds-spacing-3);
   padding: var(--navds-spacing-4);
   border-radius: var(--navds-border-radius-medium);
   border: 1px solid var(--navds-confirmation-panel-color-border);
   background-color: var(--navds-confirmation-panel-color-background);
   transition: background-color linear 100ms;
+  justify-self: stretch;
 }
 
 .navds-confirmation-panel__content {
   max-width: 80ch;
 }
 
-.navds-confirmation-panel--small .navds-confirmation-panel__inner {
-  padding: var(--navds-spacing-3);
-  gap: var(--navds-spacing-2);
-}
-
 .navds-confirmation-panel--checked .navds-confirmation-panel__inner {
   background-color: var(--navds-confirmation-panel-color-background-checked);
   border-color: var(--navds-confirmation-panel-color-border-checked);
@@ -61,45 +42,5 @@
 
 .navds-confirmation-panel--error .navds-confirmation-panel__inner {
   background-color: var(--navds-confirmation-panel-color-background-error);
-  border: 1px solid transparent;
-}
-
-.navds-confirmation-panel
-  .navds-checkbox__input:hover
-  + .navds-checkbox__label {
-  text-decoration: underline;
-}
-
-.navds-confirmation-panel--checked
-  .navds-checkbox__input:hover
-  + .navds-checkbox__label {
-  color: var(--navds-confirmation-panel-color-checkbox-label-checked);
-}
-
-.navds-confirmation-panel--checked
-  .navds-checkbox__input
-  + .navds-checkbox__label::before {
-  transition: none;
-  background-color: var(
-    --navds-confirmation-panel-color-checkbox-background-checked
-  );
-  border-color: var(--navds-confirmation-panel-color-checkbox-border-checked);
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==);
-}
-
-.navds-confirmation-panel--checked
-  .navds-checkbox__input:hover
-  + .navds-checkbox__label::before {
-  background-color: var(
-    --navds-confirmation-panel-color-checkbox-background-checked-hover
-  );
-  border-color: var(
-    --navds-confirmation-panel-color-checkbox-border-checked-hover
-  );
-}
-
-.navds-confirmation-panel--checked
-  .navds-checkbox__input:focus:hover
-  + .navds-checkbox__label::before {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==);
+  border-color: var(--navds-confirmation-panel-color-border-error);
 }

@navikt/core/css/form/error-message.css

@@ -1,15 +0,0 @@
-:root {
-  --navds-error-message-color-text: var(
-    --navds-semantic-color-feedback-danger-text
-  );
-}
-
-.navds-error-message {
-  color: var(--navds-error-message-color-text);
-  display: flex;
-  gap: var(--navds-spacing-2);
-}
-
-.navds-error-message::before {
-  content: "•";
-}

@navikt/core/css/form/error-summary.css

@@ -9,12 +9,12 @@
 
 .navds-error-summary {
   background-color: var(--navds-error-summary-color-background);
-  padding: var(--navds-spacing-4);
+  padding: var(--navds-spacing-5);
   border: 4px solid var(--navds-error-summary-color-border);
 }
 
 .navds-error-summary--small {
-  padding: var(--navds-spacing-2);
+  padding: var(--navds-spacing-3);
 }
 
 .navds-error-summary:focus {
@@ -23,12 +23,20 @@
 }
 
 .navds-error-summary__list {
-  margin: 1rem 0;
+  margin: var(--navds-spacing-3) 0;
   display: flex;
   flex-direction: column;
-  gap: 0.25rem;
+  gap: var(--navds-spacing-3);
+  padding-left: var(--navds-spacing-6);
+  list-style: inherit;
+}
+
+.navds-error-summary__list > * {
+  color: var(--navds-global-color-blue-500);
 }
 
 .navds-error-summary--small > .navds-error-summary__list {
-  margin: 0.5rem 0;
+  margin: var(--navds-spacing-2) 0;
+  gap: var(--navds-spacing-2);
+  padding-left: var(--navds-spacing-5);
 }

@navikt/core/css/form/form.css

@@ -1,10 +1,29 @@
-.navds-form-field > :not(:first-child):not(:empty),
-.navds-form-field > input:not(:first-child) {
-  margin-top: var(--navds-spacing-2);
+.navds-form-field {
+  display: grid;
+  justify-items: start;
+  gap: var(--navds-spacing-2);
 }
 
-/* Applied when hideLabel is applied to form-element */
-.navds-form-field > .navds-sr-only + :not(:first-child):not(:empty),
-.navds-form-field > .navds-sr-only + input:not(:first-child) {
-  margin-top: 0;
+.navds-form-field__description {
+  margin-top: -4px;
+}
+
+.navds-form-field .navds-error-message,
+.navds-fieldset .navds-error-message {
+  display: flex;
+  gap: var(--navds-spacing-2);
+}
+
+.navds-form-field .navds-error-message::before,
+.navds-fieldset .navds-error-message::before {
+  content: "•";
+}
+
+.navds-form-field--disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.navds-form-field__error:empty {
+  display: none;
 }

@navikt/core/css/form/index.css

@@ -5,7 +5,6 @@
 @import "form.css";
 @import "error-summary.css";
 @import "confirmation-panel.css";
-@import "error-message.css";
 @import "radio-checkbox.css";
 @import "select.css";
 @import "switch.css";

@navikt/core/css/form/search.css

@@ -6,6 +6,7 @@
     --navds-semantic-color-interaction-primary
   );
   --navds-search-color-clear-hover: var(--navds-global-color-blue-500);
+  --navds-search-color-border-error: var(--navds-global-color-red-500);
 }
 
 [data-theme="dark"] {
@@ -13,6 +14,7 @@
   --navds-search-color-border: var(--navds-semantic-color-border-inverted);
   --navds-search-color-border-hover: var(--navds-global-color-blue-200);
   --navds-search-color-clear-hover: var(--navds-global-color-blue-200);
+  --navds-search-color-border-error: var(--navds-global-color-red-300);
 }
 
 .navds-search {
@@ -150,6 +152,17 @@
   box-shadow: 0 0 0 1px white inset, var(--navds-shadow-focus);
 }
 
+/* Error-handling */
+.navds-search--error .navds-search__input:not(:hover):not(:disabled) {
+  border-color: var(--navds-search-color-border-error);
+  box-shadow: inset 0 0 0 1px var(--navds-search-color-border-error);
+}
+
+.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled) {
+  box-shadow: inset 0 0 0 1px var(--navds-search-color-border-error),
+    var(--navds-shadow-focus);
+}
+
 /* Focus layering */
 .navds-search__input:focus,
 .navds-search__button-clear,

@navikt/core/css/form/select.css

@@ -70,13 +70,6 @@
   border-color: var(--navds-select-color-border-error);
 }
 
-/*
-  Disabled handling
- */
-.navds-select--disabled {
-  opacity: 0.3;
-}
-
 .navds-select__input:disabled {
   background-color: var(--navds-select-color-background);
   border-color: var(--navds-select-color-border);

@navikt/core/css/form/text-field.css

@@ -27,7 +27,7 @@
 [data-theme="dark"] {
   --navds-text-field-color-text: var(--navds-semantic-color-text-inverted);
   --navds-text-field-color-background: var(
-    --navds-semantic-color-component-background-dark
+    --navds-semantic-color-component-background-inverted
   );
   --navds-text-field-color-border: var(--navds-semantic-color-border-inverted);
   --navds-text-field-color-border-hover: var(--navds-global-color-blue-200);
@@ -45,6 +45,10 @@
   color: var(--navds-text-field-color-text);
 }
 
+.navds-text-field__input[size] {
+  width: auto;
+}
+
 .navds-text-field__input::placeholder {
   color: var(--navds-text-field-color-placeholder-text);
 }
@@ -54,10 +58,6 @@
   min-height: 32px;
 }
 
-.navds-form-field--small > .navds-text-field__description:not(:empty) {
-  margin-top: var(--navds-spacing-1);
-}
-
 .navds-text-field__input:hover {
   border-color: var(--navds-text-field-color-border-hover);
 }
@@ -87,7 +87,6 @@
   border-color: var(--navds-text-field-color-border);
   box-shadow: none;
   cursor: not-allowed;
-  opacity: 0.3;
 }
 
 .navds-text-field__input[readonly] {
@@ -97,11 +96,6 @@
   cursor: not-allowed;
 }
 
-.navds-text-field--disabled > .navds-text-field__label,
-.navds-text-field--disabled > .navds-text-field__description {
-  opacity: 0.3;
-}
-
 /**
   * Removes default search icon
   */

@navikt/core/css/form/textarea.css

@@ -36,9 +36,9 @@
   border: 1px solid var(--navds-textarea-color-border);
   resize: none;
   width: 100%;
-  transition: height 0.1s ease-out;
   display: block;
-  min-height: 3rem;
+  min-height: 48px;
+  color: var(--navds-text-field-color-text);
 }
 
 .navds-textarea--counter {
@@ -55,8 +55,7 @@
 }
 
 .navds-form-field--small .navds-textarea__input {
-  padding: var(--navds-spacing-1);
-  min-height: 2rem;
+  padding: 6px;
 }
 
 .navds-form-field--small .navds-textarea--counter.navds-textarea__input {
@@ -68,16 +67,20 @@
   color: var(--navds-textarea-color-counter-text);
   font-style: italic;
   position: absolute;
-  text-align: right;
-  left: var(--navds-spacing-3);
-  right: var(--navds-spacing-3);
-  bottom: var(--navds-spacing-2);
+  text-align: left;
+  left: 1px;
+  bottom: 1px;
+  padding: var(--navds-spacing-1) var(--navds-spacing-2);
 }
 
 .navds-textarea__counter--error {
   color: var(--navds-textarea-color-counter-text-error);
 }
 
+.navds-textarea--resize .navds-textarea__input {
+  resize: both;
+}
+
 /**
   Error handling
 */
@@ -87,13 +90,6 @@
   border-color: var(--navds-textarea-color-border-error);
 }
 
-/*
-  Disabled handling
- */
-.navds-textarea--disabled {
-  opacity: 0.3;
-}
-
 .navds-textarea__input:disabled {
   background-color: var(--navds-textarea-color-background);
   border-color: var(--navds-textarea-color-border);

@navikt/core/css/link-panel.css

@@ -12,7 +12,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--navds-spacing-2);
+  gap: var(--navds-spacing-4);
 }
 
 .navds-link-panel:hover .navds-link-panel__title {
@@ -21,7 +21,7 @@
 }
 
 .navds-link-panel:hover {
-  box-shadow: var(--navds-shadow-card);
+  box-shadow: var(--navds-shadow-medium);
   border-color: var(--navds-link-panel-color-border-hover);
 }
 
@@ -42,5 +42,5 @@
 }
 
 .navds-link-panel__description {
-  margin-top: var(--navds-spacing-2);
+  margin-top: var(--navds-spacing-1);
 }

@navikt/core/css/link.css

@@ -48,10 +48,6 @@
 }
 
 .navds-link svg {
-  color: var(--navds-link-color-icon);
+  color: inherit;
   flex-shrink: 0;
 }
-
-.navds-link:focus svg {
-  color: var(--navds-link-color-icon-focus);
-}

@navikt/core/css/loader.css

@@ -1,16 +1,12 @@
 :root {
   --navds-loader-color-foreground: var(--navds-global-color-gray-400);
-  --navds-loader-color-background: var(
-    --navds-semantic-color-component-background-alternate
-  );
+  --navds-loader-color-background: rgb(0 0 0 / 0.05);
   --navds-loader-color-neutral-foreground: var(--navds-global-color-gray-400);
   --navds-loader-color-interaction-foreground: var(
-    --navds-semantic-color-interaction-primary
+    --navds-global-color-blue-500
   );
-  --navds-loader-color-inverted-foreground: var(
-    --navds-semantic-color-component-background-light
-  );
-  --navds-loader-color-inverted-background: rgb(255 255 255 / 0.3);
+  --navds-loader-color-inverted-foreground: var(--navds-global-color-white);
+  --navds-loader-color-inverted-background: rgb(255 255 255 / 0.25);
   --navds-loader-color-transparent-background: transparent;
 }
 
@@ -18,11 +14,14 @@
   width: 1.5rem;
   display: inline-block;
   position: relative;
-  animation: loader-rotate 1.4s linear infinite;
+  animation: loader-rotate 1.8s linear infinite;
+  stroke-width: 6;
+
+  --navds-loader-background-stroke-width: 5.9;
 }
 
 .navds-loader__foreground {
-  animation: loader-dasharray 1.4s ease-in-out infinite;
+  animation: loader-dasharray 1.8s ease-in-out infinite;
   stroke-dasharray: 80px, 200px;
   stroke-dashoffset: 0;
   stroke: var(--navds-loader-color-foreground);
@@ -30,6 +29,7 @@
 
 .navds-loader__background {
   stroke: var(--navds-loader-color-background);
+  stroke-width: var(--navds-loader-background-stroke-width);
 }
 
 .navds-loader--neutral .navds-loader__foreground {
@@ -52,28 +52,53 @@
   stroke: var(--navds-loader-color-transparent-background);
 }
 
+.navds-loader--3xlarge {
+  width: 5.5rem;
+  stroke-width: 5;
+
+  --navds-loader-background-stroke-width: 4.8;
+}
+
 .navds-loader--2xlarge {
   width: 4rem;
+  stroke-width: 6;
+
+  --navds-loader-background-stroke-width: 5.8;
 }
 
 .navds-loader--xlarge {
   width: 2.5rem;
+  stroke-width: 6;
+
+  --navds-loader-background-stroke-width: 5.8;
 }
 
 .navds-loader--large {
   width: 2rem;
+  stroke-width: 7;
+
+  --navds-loader-background-stroke-width: 6.8;
 }
 
 .navds-loader--medium {
   width: 1.5rem;
+  stroke-width: 7;
+
+  --navds-loader-background-stroke-width: 6.8;
 }
 
 .navds-loader--small {
   width: 1.25rem;
+  stroke-width: 8;
+
+  --navds-loader-background-stroke-width: 7.8;
 }
 
 .navds-loader--xsmall {
   width: 1rem;
+  stroke-width: 8;
+
+  --navds-loader-background-stroke-width: 7.8;
 }
 
 @keyframes loader-rotate {

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "0.18.2",
+  "version": "0.18.27",
   "description": "Css for NAV Designsystem components",
   "author": "NAV Designsystem team",
   "keywords": [
@@ -12,7 +12,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
   },
   "main": "./dist/index.css",
   "scripts": {
@@ -20,7 +20,7 @@
     "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^0.9.2",
+    "@navikt/ds-tokens": "^0.9.7",
     "normalize.css": "^8.0.1",
     "postcss": "^8.3.6",
     "postcss-cli": "^8.3.1",

@navikt/core/css/popover.css

@@ -8,7 +8,7 @@
 .navds-popover {
   z-index: var(--navds-z-index-popover);
   background-color: var(--navds-popover-color-background);
-  box-shadow: var(--navds-shadow-popover);
+  box-shadow: var(--navds-shadow-medium);
   border: 1px solid;
   border-color: var(--navds-popover-color-border);
   border-radius: var(--navds-border-radius-medium);

@navikt/core/css/read-more.css

@@ -32,7 +32,7 @@
 
 .navds-read-more + .ReactCollapse--collapse {
   transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
-  padding-top: var(--navds-spacing-2);
+  padding-top: var(--navds-spacing-1);
 }
 
 .navds-read-more:not(.navds-read-more--open) + .ReactCollapse--collapse {
@@ -40,19 +40,9 @@
 }
 
 .navds-read-more__content {
-  display: flex;
-  align-items: stretch;
-  gap: 10px;
-  padding: 0 var(--navds-spacing-1);
-}
-
-.navds-read-more__content::before {
-  content: "";
-  display: block;
-  width: 2px;
-  background-color: rgba(38 38 38 / 0.36);
-  margin: 0 7px;
-  flex-shrink: 0;
+  border-left: 2px solid rgba(38 38 38 / 0.36);
+  margin-left: 11px;
+  padding-left: 15px;
 }
 
 .navds-read-more__expand-icon {

@navikt/core/css/speech-bubble.css

@@ -55,7 +55,7 @@
 
 .navds-speechbubble__bubble {
   padding: 1rem;
-  box-shadow: var(--navds-shadow-popover);
+  box-shadow: var(--navds-shadow-small);
   width: fit-content;
   max-width: 37.5rem;
   background-color: var(--navds-speechbubble-color-background);

@navikt/core/css/stepper.css

@@ -1,99 +1,180 @@
 .navds-stepper {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
+  --navds-stepper-circle-size: 1.75rem;
+  --navds-stepper-border-width: 2px;
+  --navds-stepper-line-length: 1rem;
 
-/* Step */
-.navds-stepper__step {
-  position: relative;
-  cursor: pointer;
-  padding: calc(2.25rem / 2) 0;
-  display: flex;
-  background: none;
-  border: none;
-  appearance: none;
-  width: 100%;
-  color: var(--navds-semantic-color-text);
-  text-decoration: none;
-  flex-shrink: 0;
-}
-
-.navds-stepper__step-number {
-  flex-shrink: 0;
-  display: flex;
-  width: 28px;
-  height: 28px;
-  margin: 0;
-  margin-right: var(--navds-spacing-3);
-  border-radius: var(--navds-border-radius-full);
-  align-items: center;
-  justify-content: center;
   color: var(--navds-semantic-color-interaction-primary);
-  box-shadow: inset 0 0 0 2px var(--navds-semantic-color-interaction-primary);
-  background-color: var(--navds-semantic-color-component-background-light);
+  font-weight: 600;
+  line-height: 1;
+  list-style: none;
+  padding-left: 0;
+  margin: 0;
 }
 
-/* Step-states: focus, active, hover */
-.navds-stepper__step-wrapper:hover
-  > .navds-stepper__step
-  > .navds-stepper__step-number {
+.navds-stepper--horizontal {
+  display: flex;
+  align-items: flex-start;
+  text-align: center;
+}
+
+.navds-stepper__item {
+  display: grid;
+  grid-template-rows:
+    [line-1] auto [step-start] var(--navds-stepper-circle-size)
+    [line-2 step-end] auto;
+  grid-template-columns: var(--navds-stepper-circle-size) auto;
+  justify-items: flex-start;
+  gap: 0.5rem;
+}
+
+.navds-stepper__line {
+  background-color: var(--navds-semantic-color-border-muted);
+  width: var(--navds-stepper-border-width);
+  height: 100%;
+  min-height: var(--navds-stepper-line-length);
+  justify-self: center;
+  grid-column: 1;
+}
+
+.navds-stepper__line--1 {
+  grid-row: line-1;
+  display: none;
+}
+
+.navds-stepper__line--2 {
+  grid-row: line-2;
+}
+
+:where(.navds-stepper__item:last-of-type) .navds-stepper__line--2 {
+  display: none;
+}
+
+.navds-stepper__step {
+  grid-row: 2 / -1;
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: [circle] var(--navds-stepper-circle-size) [content] auto;
+  gap: var(--navds-spacing-2);
+  align-items: baseline;
+  justify-content: flex-start;
+  text-decoration: none;
+  cursor: pointer;
+  padding: var(--navds-stepper-border-width);
+  margin: calc(var(--navds-stepper-border-width) * -1)
+    calc(var(--navds-stepper-border-width) * -1) 1.75rem;
+}
+
+button.navds-stepper__step {
+  appearance: none;
+  border: none;
+  background-color: transparent;
+  font: inherit;
+  color: inherit;
+  text-align: inherit;
+}
+
+:where(.navds-stepper__step):focus {
+  outline: none;
+  box-shadow: var(--navds-shadow-focus);
+  isolation: isolate;
+}
+
+.navds-stepper__circle {
+  grid-column: circle;
+  display: inline-grid;
+  place-items: center;
+  flex-shrink: 0;
+  width: var(--navds-stepper-circle-size);
+  height: var(--navds-stepper-circle-size);
+  border: var(--navds-stepper-border-width) solid currentColor;
+  border-radius: var(--navds-border-radius-full);
+  line-height: 1;
+}
+
+.navds-stepper__content {
+  min-width: fit-content;
+  line-height: 1.5;
+  grid-column: content;
+}
+
+/* Horizontal */
+:where(.navds-stepper--horizontal) .navds-stepper__item {
+  flex: 1 1 100%;
+  grid-template-columns:
+    [line-1-start] 1fr [step-start] auto [line-1-end] var(
+      --navds-stepper-circle-size
+    )
+    [line-2-start] auto [step-end] 1fr [line-2-end];
+  grid-template-rows: var(--navds-stepper-circle-size) auto;
+}
+
+:where(.navds-stepper--horizontal) .navds-stepper__line {
+  height: var(--navds-stepper-border-width);
+  width: 100%;
+  min-height: auto;
+  grid-row: 1;
+  display: block;
+  align-self: center;
+}
+
+:where(.navds-stepper--horizontal) .navds-stepper__line--1 {
+  grid-column: line-1;
+}
+
+:where(.navds-stepper--horizontal) .navds-stepper__line--2 {
+  grid-column: line-2;
+}
+
+:where(.navds-stepper--horizontal .navds-stepper__item:first-of-type)
+  .navds-stepper__line--1,
+:where(.navds-stepper--horizontal .navds-stepper__item:last-of-type)
+  .navds-stepper__line--2 {
+  visibility: hidden;
+}
+
+:where(.navds-stepper--horizontal) .navds-stepper__step {
+  grid-row: 1 / -1;
+  grid-column: step;
+  display: grid;
+  grid-template-rows: [circle] var(--navds-stepper-circle-size) [content] auto;
+  grid-template-columns:
+    [content-start] auto [circle] var(--navds-stepper-circle-size)
+    [content-end] auto;
+  justify-items: center;
+  align-items: center;
+  margin-bottom: 0;
+}
+
+:where(.navds-stepper--horizontal) .navds-stepper__circle {
+  grid-row: circle;
+  grid-column: 2;
+}
+
+:where(.navds-stepper--horizontal) .navds-stepper__content {
+  grid-row: content;
+  grid-column: 1 / -1;
+  max-width: 24ch;
+}
+
+/* Active step */
+:where(.navds-stepper__step--active) .navds-stepper__content {
+  color: var(--navds-semantic-color-interaction-primary-selected);
+}
+
+:where(.navds-stepper__step:not(.navds-stepper__step--active):hover)
+  .navds-stepper__content {
+  text-decoration: underline;
+}
+
+:where(.navds-stepper__step--active) .navds-stepper__circle {
+  background-color: var(--navds-semantic-color-interaction-primary-selected);
+  border-color: var(--navds-semantic-color-interaction-primary-selected);
+  color: var(--navds-semantic-color-text-inverted);
+}
+
+:where(.navds-stepper__step:not(.navds-stepper__step--active):hover)
+  .navds-stepper__circle {
   background-color: var(
     --navds-semantic-color-interaction-primary-hover-subtle
   );
 }
-
-.navds-stepper__step--active > .navds-stepper__step-number,
-.navds-stepper__step-wrapper:hover
-  > .navds-stepper__step--active
-  > .navds-stepper__step-number {
-  color: var(--navds-semantic-color-text-inverted);
-  background-color: var(--navds-semantic-color-interaction-primary-selected);
-  box-shadow: inset 0 0 0 2px
-    var(--navds-semantic-color-interaction-primary-selected);
-}
-
-.navds-stepper__step:focus {
-  box-shadow: var(--navds-shadow-focus);
-  outline: none;
-}
-
-.navds-stepper__step--active {
-  cursor: default;
-}
-
-/* Step label */
-.navds-stepper__step-label {
-  margin-top: 2px;
-  color: var(--navds-semantic-color-interaction-primary);
-  text-align: left;
-}
-
-.navds-stepper__step:hover > .navds-stepper__step-label {
-  text-decoration: underline;
-}
-
-.navds-stepper__step--active > .navds-stepper__step-label {
-  color: black;
-}
-
-.navds-stepper__step--active:hover > .navds-stepper__step-label {
-  text-decoration: none;
-}
-
-/* Step Horizontal Lines */
-
-.navds-stepper__step-wrapper:not(:last-child) > .navds-stepper__step::after {
-  content: "";
-  position: absolute;
-  top: calc(28px + 8px + (2.25rem / 2));
-  left: 13px;
-  height: calc(100% - 2.75rem);
-  display: block;
-  border-left: 2px solid var(--navds-semantic-color-border-muted);
-  border-radius: var(--navds-border-radius-medium);
-  pointer-events: none;
-  z-index: 1;
-}

@navikt/core/css/table.css

@@ -148,7 +148,7 @@
 }
 
 .navds-table__header-cell--align-right .navds-table__sort-button {
-  justify-content: end;
+  justify-content: flex-end;
 }
 
 .navds-table__header-cell--align-center .navds-table__sort-button {

@navikt/core/css/typography.css

@@ -1,3 +1,14 @@
+:root,
+[data-theme="light"] {
+  --navds-error-message-color-text: var(
+    --navds-semantic-color-feedback-danger-text
+  );
+}
+
+[data-theme="dark"] {
+  --navds-error-message-color-text: var(--navds-global-color-red-300);
+}
+
 /* Heading */
 .navds-heading {
   font-weight: var(--navds-font-weight-bold);
@@ -161,7 +172,6 @@
 /* Small text */
 .navds-detail {
   font-size: var(--navds-font-size-small);
-  font-weight: var(--navds-font-weight-bold);
   letter-spacing: 0.004em;
   line-height: var(--navds-font-line-height-medium);
   margin: 0;
@@ -171,6 +181,10 @@
   margin-bottom: var(--navds-spacing-2);
 }
 
+.navds-detail.navds-typo--uppercase {
+  text-transform: uppercase;
+}
+
 .navds-detail--small {
   font-weight: var(--navds-font-weight-regular);
 }
@@ -178,3 +192,7 @@
 .navds-detail--small.navds-typo--spacing {
   margin-bottom: var(--navds-spacing-2);
 }
+
+.navds-error-message {
+  color: var(--navds-error-message-color-text);
+}

@navikt/core/icons/meta.json

@@ -41,6 +41,12 @@
     "created_at": "2021-04-30T08:02:00.034Z",
     "pageName": "People"
   },
+  {
+    "name": "ApplicantFilled",
+    "description": "",
+    "created_at": "2022-06-10T13:45:14.253Z",
+    "pageName": "People"
+  },
   {
     "name": "Attachment",
     "description": "2px-Original size",
@@ -189,13 +195,13 @@
     "name": "Braille",
     "description": "",
     "created_at": "2020-07-01T10:37:42.881Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "BrailleFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.306Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "Calculator",
@@ -539,6 +545,12 @@
     "created_at": "2021-01-11T13:37:55.440Z",
     "pageName": "Communication"
   },
+  {
+    "name": "DicisionCrossFilled",
+    "description": "",
+    "created_at": "2022-06-10T13:45:14.260Z",
+    "pageName": "People"
+  },
   {
     "name": "DirectionSign",
     "description": "",
@@ -555,13 +567,13 @@
     "name": "Disability",
     "description": "",
     "created_at": "2020-07-01T10:37:42.669Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "DisabilityFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.314Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "Dish",
@@ -1101,13 +1113,13 @@
     "name": "GuideDog",
     "description": "",
     "created_at": "2020-07-01T10:37:42.922Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "GuideDogFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.295Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "Hamburger",
@@ -2163,25 +2175,25 @@
     "name": "SignLanguage",
     "description": "",
     "created_at": "2020-07-01T10:37:42.697Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "SignLanguageFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.310Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "SignLanguageTwoHands",
     "description": "",
     "created_at": "2021-05-20T14:35:02.839Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "SignLanguageTwoHandsFilled",
     "description": "",
     "created_at": "2021-05-20T14:35:02.835Z",
-    "pageName": "Handicap"
+    "pageName": "Disability"
   },
   {
     "name": "SingleParent",

@navikt/core/icons/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "0.8.15",
+  "version": "0.8.18",
   "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"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
   },
   "keywords": [
     "NAV",

@navikt/core/icons/svg/ApplicantFilled.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="M17 5C17 7.76142 14.7614 10 12 10C9.23858 10 7 7.76142 7 5C7 2.23858 9.23858 0 12 0C14.7614 0 17 2.23858 17 5ZM12.8702 17.2748L18 18.8946L23.1298 17.2748L18.6402 13.5335C18.2693 13.2245 17.7307 13.2245 17.3598 13.5335L12.8702 17.2748ZM24 19.1541L18 21.0028L12 19.1541V23C12 23.5523 12.4477 24 13 24H23C23.5523 24 24 23.5523 24 23V19.1541ZM5 18C5 14.134 8.13401 11 12 11C13.4274 11 14.7549 11.4272 15.8619 12.1608L8.86795 18H5Z" fill="#262626"/>
+</svg>

@navikt/core/icons/svg/Cancel.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.70711 4.70711C8.09763 4.31658 8.09763 3.68342 7.70711 3.29289C7.31659 2.90237 6.68342 2.90237 6.2929 3.29289L2.29289 7.2929C2.10536 7.48043 2 7.73479 2 8C2 8.26522 2.10536 8.51957 2.29289 8.70711L6.2929 12.7071C6.68342 13.0976 7.31659 13.0976 7.70711 12.7071C8.09763 12.3166 8.09763 11.6834 7.70711 11.2929L5.41421 9H15C17.7614 9 20 11.2386 20 14C20 16.7614 17.7614 19 15 19H13.7879C13.2356 19 12.7879 19.4477 12.7879 20C12.7879 20.5523 13.2356 21 13.7879 21H15C18.866 21 22 17.866 22 14C22 10.134 18.866 7 15 7H5.41422L7.70711 4.70711Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.70711 4.7071C8.09763 4.31657 8.09763 3.68341 7.70711 3.29289C7.31658 2.90236 6.68342 2.90236 6.29289 3.29289L2.29289 7.29289C2.10535 7.48042 2 7.73478 2 8C2 8.26521 2.10535 8.51957 2.29289 8.7071L6.29289 12.7071C6.68342 13.0976 7.31658 13.0976 7.70711 12.7071C8.09763 12.3166 8.09763 11.6834 7.70711 11.2929L5.41421 8.99999H15C17.7614 8.99999 20 11.2386 20 14C20 16.7614 17.7614 19 15 19H13.7879C13.2356 19 12.7879 19.4477 12.7879 20C12.7879 20.5523 13.2356 21 13.7879 21H15C18.866 21 22 17.866 22 14C22 10.134 18.866 6.99999 15 6.99999H5.41421L7.70711 4.7071Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Cognition.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="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="#262626"/>
+<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.9106 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="#262626"/>
 </svg>

@navikt/core/icons/svg/Dialog.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 13.5179L4.60216 12H6V11C6 8.79086 7.79086 7 10 7H16V4C16 2.89543 15.1046 2 14 2H4C2.89543 2 2 2.89543 2 4V13.5179ZM5.14286 14H6V17C6 19.2091 7.79086 21 10 21H18.8571L24 24V11C24 8.79086 22.2091 7 20 7H18V4C18 1.79086 16.2091 0 14 0H4C1.79086 0 0 1.79086 0 4V17L5.14286 14ZM19.3978 19L22 20.5179V11C22 9.89543 21.1046 9 20 9H10C8.89543 9 8 9.89543 8 11V17C8 18.1046 8.89543 19 10 19H19.3978ZM11 15C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13C10.4477 13 10 13.4477 10 14C10 14.5523 10.4477 15 11 15ZM16 14C16 14.5523 15.5523 15 15 15C14.4477 15 14 14.5523 14 14C14 13.4477 14.4477 13 15 13C15.5523 13 16 13.4477 16 14ZM19 15C19.5523 15 20 14.5523 20 14C20 13.4477 19.5523 13 19 13C18.4477 13 18 13.4477 18 14C18 14.5523 18.4477 15 19 15Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 4C18 2.89543 17.1046 2 16 2H4C2.89543 2 2 2.89543 2 4V16.7896L6 14.328V18C6 19.1046 6.89543 20 8 20H16.4471L22 22.5629L22 16.5714V10C22 8.89543 21.1046 8 20 8H18V4ZM6 10V12H5.96696L4 13.2104V4L16 4V8H8C6.89543 8 6 8.89543 6 10ZM20 18.5714V10H8V18H16.8864L20 19.4371L20 18.5714ZM11 15C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13C10.4477 13 10 13.4477 10 14C10 14.5523 10.4477 15 11 15ZM15 14C15 14.5523 14.5523 15 14 15C13.4477 15 13 14.5523 13 14C13 13.4477 13.4477 13 14 13C14.5523 13 15 13.4477 15 14ZM17 15C17.5523 15 18 14.5523 18 14C18 13.4477 17.5523 13 17 13C16.4477 13 16 13.4477 16 14C16 14.5523 16.4477 15 17 15Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/DialogFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 0C16.2091 0 18 1.79086 18 4V5H10C6.68629 5 4 7.68629 4 11V14.6667L0 17V10V4C0 1.79086 1.79086 0 4 0H14ZM10 7C7.79086 7 6 8.79086 6 11V17C6 19.2091 7.79086 21 10 21H18.8571L24 24V17V11C24 8.79086 22.2091 7 20 7H10ZM12 14C12 14.5523 11.5523 15 11 15C10.4477 15 10 14.5523 10 14C10 13.4477 10.4477 13 11 13C11.5523 13 12 13.4477 12 14ZM15 15C15.5523 15 16 14.5523 16 14C16 13.4477 15.5523 13 15 13C14.4477 13 14 13.4477 14 14C14 14.5523 14.4477 15 15 15ZM20 14C20 14.5523 19.5523 15 19 15C18.4477 15 18 14.5523 18 14C18 13.4477 18.4477 13 19 13C19.5523 13 20 13.4477 20 14Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 2C17.1046 2 18 2.89543 18 4V6H7C5.34315 6 4 7.34315 4 9V15.5588L2 16.7896V4C2 2.89543 2.89543 2 4 2H16ZM8 8C6.89543 8 6 8.89543 6 10V18C6 19.1046 6.89543 20 8 20H16.4471L22 22.5629L22 16.5714V10C22 8.89543 21.1046 8 20 8H8ZM12 14C12 14.5523 11.5523 15 11 15C10.4477 15 10 14.5523 10 14C10 13.4477 10.4477 13 11 13C11.5523 13 12 13.4477 12 14ZM14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13C13.4477 13 13 13.4477 13 14C13 14.5523 13.4477 15 14 15ZM18 14C18 14.5523 17.5523 15 17 15C16.4477 15 16 14.5523 16 14C16 13.4477 16.4477 13 17 13C17.5523 13 18 13.4477 18 14Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/DicisionCrossFilled.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="M16.9995 4.99986C16.9995 7.76121 14.761 9.99973 11.9997 9.99973C9.23832 9.99973 6.99981 7.76121 6.99981 4.99986C6.99981 2.23851 9.23832 0 11.9997 0C14.761 0 16.9995 2.23851 16.9995 4.99986ZM11.9997 10.9997C8.13378 10.9997 4.99986 14.1336 4.99986 17.9995H15.3673L12.6852 14.5511L15.8705 12.1665C14.7618 11.4293 13.4309 10.9997 11.9997 10.9997ZM15.2605 15.0002L18.2829 18.8862L15.2605 22.7722L16.8392 24L19.5498 20.515L22.2603 24L23.839 22.7721L20.8166 18.8862L23.839 15.0002L22.2603 13.7724L19.5498 17.2574L16.8392 13.7724L15.2605 15.0002Z" fill="#262626"/>
+</svg>

@navikt/core/icons/svg/DirectionSignFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13 1V3H11V1C11 0.447715 11.4477 0 12 0C12.5523 0 13 0.447715 13 1ZM0.518226 4.77735C0.296708 4.44507 0.534904 4 0.934252 4H19.4648C19.7992 4 20.1114 4.1671 20.2969 4.4453L24 10L20.2969 15.5547C20.1114 15.8329 19.7992 16 19.4648 16H0.934253C0.534905 16 0.296708 15.5549 0.518226 15.2227L3.99999 10L0.518226 4.77735ZM11 17V24H13V17H11Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 1V3H11V1C11 0.447715 11.4477 0 12 0C12.5523 0 13 0.447715 13 1ZM0.518226 4.77735C0.296708 4.44507 0.534904 4 0.934252 4H19.4648C19.7992 4 20.1114 4.1671 20.2969 4.4453L24 10L20.2969 15.5547C20.1114 15.8329 19.7992 16 19.4648 16H0.934253C0.534905 16 0.296708 15.5549 0.518226 15.2227L3.99999 10L0.518226 4.77735ZM11 17L11 24H13V17H11Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/DivideFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11 12V0.0410728C4.84047 0.549224 0 5.70934 0 12C0 18.6274 5.37258 24 12 24C14.9922 24 17.7286 22.9048 19.8303 21.0935L11 12ZM24 12C24 12.9017 23.9005 13.7802 23.712 14.6252C23.297 16.4847 22.4505 18.1814 21.2831 19.6048L13 11V0.0410728C18.2766 0.476382 22.5852 4.32556 23.712 9.37484C23.9005 10.2198 24 11.0983 24 12Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 12V0.0410728C4.84047 0.549224 0 5.70934 0 12C0 18.6274 5.37258 24 12 24C14.9922 24 17.7286 22.9048 19.8303 21.0935L11 12ZM24 12C24 12.9017 23.9005 13.7802 23.712 14.6252C23.297 16.4847 22.4505 18.1814 21.2831 19.6048L13 11V0.0410728C18.2766 0.476383 22.5852 4.32556 23.712 9.37484C23.9005 10.2198 24 11.0983 24 12Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Down.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13 0V20.295L20.5455 13L22 14.3746L12 24L2 14.3746L3.45455 13L11 20.295V0H13Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22L4.2929 14.2929L5.70711 12.8787L11 18.1716L11 1.58579L13 1.58579L13 18.1716L18.2929 12.8787L19.7071 14.2929L12 22Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/ErrorColored.svg

@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.999 0C5.3948 0 0.0125453 5.37182 2.35603e-05 11.976C-0.0062373 15.1815 1.2355 18.1972 3.49776 20.4688C5.76001 22.7394 8.77148 23.9937 11.977 24H12C18.6031 24 23.9864 18.6271 24 12.0219C24.0125 5.40625 18.6396 0.0125217 11.999 0Z" fill="#A32A17"/>
+<path d="M11.999 0C5.3948 0 0.0125453 5.37182 2.35603e-05 11.976C-0.0062373 15.1815 1.2355 18.1972 3.49776 20.4688C5.76001 22.7394 8.77148 23.9937 11.977 24H12C18.6031 24 23.9864 18.6271 24 12.0219C24.0125 5.40625 18.6396 0.0125217 11.999 0Z" fill="#BA3A26"/>
 <path d="M12 10.6512L15.3719 7.27932C15.7443 6.90687 16.3482 6.90687 16.7206 7.27932C17.0931 7.65177 17.0931 8.25563 16.7206 8.62808L13.3487 12L16.7206 15.3719C17.0931 15.7443 17.0931 16.3482 16.7206 16.7206C16.3482 17.0931 15.7443 17.0931 15.3719 16.7206L12 13.3487L8.62808 16.7206C8.25563 17.0931 7.65177 17.0931 7.27932 16.7206C6.90687 16.3482 6.90687 15.7443 7.27932 15.3719L10.6512 12L7.27932 8.62808C6.90687 8.25563 6.90687 7.65177 7.27932 7.27932C7.65177 6.90687 8.25563 6.90687 8.62808 7.27932L12 10.6512Z" fill="white"/>
 </svg>

@navikt/core/icons/svg/FillForms.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0131 1.10889L18.0433 1.07797C19.2857 -0.193723 21.3537 -0.408751 22.7918 0.823966L22.8275 0.854537L22.9935 1.01096L23.0262 1.04481C24.2931 2.3565 24.3049 4.40707 23.1718 5.78656L21.6845 7.59584L14.1605 16.7559L6.9503 20.0199L8.82643 12.2761L15.1821 4.53889L15.1817 4.53857L16.3832 3.07665L16.4505 2.99468L17.8601 1.27963L18.0131 1.10889ZM17.9807 4.28L19.375 2.58351L19.4707 2.47669C20.0324 1.90179 20.9117 1.84497 21.4932 2.3434L21.5908 2.43534C22.1151 2.9782 22.1517 3.88027 21.6295 4.51599L20.2534 6.19L17.9807 4.28ZM10.6593 13.1929L16.7116 5.82501L18.9843 7.73501L12.9138 15.1254L9.85575 16.5098L10.6593 13.1929ZM0 24H23.965V22H0V24Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0131 1.10889L18.0433 1.07797C19.2857 -0.193723 21.3537 -0.408751 22.7918 0.823966L22.8275 0.854537L22.9935 1.01096L23.0262 1.04481C24.2931 2.3565 24.3049 4.40707 23.1718 5.78656L21.6859 7.59415L14.1605 16.7559L6.9503 20.0199L8.82643 12.2761L15.1821 4.53889L15.1817 4.53857L16.3832 3.07665L16.4505 2.99468L17.8601 1.27963L18.0131 1.10889ZM17.9807 4.28L19.375 2.58351L19.4707 2.47669C20.0324 1.90179 20.9117 1.84497 21.4932 2.3434L21.5908 2.43534C22.1151 2.9782 22.1517 3.88027 21.6295 4.51599L20.2534 6.19L17.9807 4.28ZM10.6593 13.1929L16.7116 5.82501L18.9843 7.73501L12.9138 15.1254L9.85575 16.5098L10.6593 13.1929ZM0 24H23.965V22H0V24Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/HandBandage.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4958 3C10.772 3 10.9959 3.22386 10.9959 3.5V9H9.99558V3.5C9.99558 3.22386 10.2195 3 10.4958 3ZM7.99487 9V3.5C7.99487 2.11929 9.11456 1 10.4958 1C10.8085 1 11.1078 1.05738 11.3838 1.16218C11.8273 0.463627 12.6079 0 13.4968 0C14.3858 0 15.1664 0.463627 15.6099 1.16218C15.8858 1.05738 16.1852 1 16.4979 1C17.7283 1 18.7512 1.88823 18.9598 3.05823C19.1335 3.0201 19.3139 3 19.4989 3C20.8801 3 21.9998 4.11929 21.9998 5.5V9V11V14V15V15.6115C21.9998 17.0754 21.2072 18.3787 19.9991 19.0762V24H8.99523V20L4.8375 15.8438L4.83884 15.8423L2.6819 13.6854C1.7727 12.7762 1.7727 11.3021 2.6819 10.3929C4.10969 8.96508 6.42461 8.96507 7.8524 10.3929L7.99487 10.5353V9ZM19.3051 17.1261L10.5429 18.7187L7.61513 15.792L8.25367 15.1042L9.66966 13.6882L13.5536 14.4277L19.9897 15.8064C19.9389 16.3284 19.6863 16.7971 19.3051 17.1261ZM10.9959 20.8333V22H17.9984V19.6667L10.9959 20.8333ZM19.9991 11V13.619L13.9505 12.4673L9.99558 11.6202V11H10.9959H12.9966H13.997H15.9977H16.9981H18.9988H19.9991ZM6.43794 11.8073L7.55126 12.9207L6.81246 13.7165L6.17719 14.3517L4.09636 12.2709C3.96835 12.1429 3.96835 11.9353 4.09636 11.8073C4.74297 11.1607 5.79133 11.1607 6.43794 11.8073ZM19.9991 9V5.5C19.9991 5.22386 19.7752 5 19.4989 5C19.2227 5 18.9988 5.22386 18.9988 5.5V9H19.9991ZM16.9981 9L16.9981 5.5L16.9981 5.49779V3.5C16.9981 3.22386 16.7741 3 16.4979 3C16.2216 3 15.9977 3.22386 15.9977 3.5V9H16.9981ZM13.997 9L13.997 3.5L13.997 2.5C13.997 2.22386 13.7731 2 13.4968 2C13.2206 2 12.9966 2.22386 12.9966 2.5V3.5V9H13.997Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4958 3C10.772 3 10.9959 3.22386 10.9959 3.5V9H9.99558V3.5C9.99558 3.22386 10.2195 3 10.4958 3ZM7.99487 9V3.5C7.99487 2.11929 9.11456 1 10.4958 1C10.8085 1 11.1078 1.05738 11.3838 1.16218C11.8273 0.463627 12.6079 0 13.4968 0C14.3858 0 15.1664 0.463627 15.6099 1.16219C15.8858 1.05738 16.1852 1 16.4979 1C17.7283 1 18.7512 1.88823 18.9598 3.05823C19.1335 3.0201 19.3139 3 19.4989 3C20.8801 3 21.9998 4.11929 21.9998 5.5V9V11V14V15V15.6115C21.9998 17.0754 21.2072 18.3787 19.9991 19.0762V24H8.99523V20L4.8375 15.8438L4.83884 15.8423L2.6819 13.6854C1.7727 12.7762 1.7727 11.3021 2.6819 10.3929C4.10969 8.96508 6.42461 8.96507 7.8524 10.3929L7.99487 10.5353V9ZM19.3051 17.1261L10.5429 18.7187L7.61513 15.792L8.25367 15.1042L9.66966 13.6882L13.5536 14.4277L19.9897 15.8064C19.9389 16.3284 19.6863 16.7971 19.3051 17.1261ZM10.9959 20.8333V22H17.9984V19.6667L10.9959 20.8333ZM19.9991 11V13.619L13.9505 12.4673L9.99558 11.6202V11H10.9959H12.9966H13.997H15.9977H16.9981H18.9988H19.9991ZM6.43794 11.8073L7.55126 12.9207L6.81245 13.7165L6.17719 14.3517L4.09636 12.2709C3.96835 12.1429 3.96835 11.9353 4.09636 11.8073C4.74297 11.1607 5.79133 11.1607 6.43794 11.8073ZM19.9991 9V5.5C19.9991 5.22386 19.7752 5 19.4989 5C19.2227 5 18.9988 5.22386 18.9988 5.5V9H19.9991ZM16.9981 9L16.9981 5.5L16.9981 5.49779V3.5C16.9981 3.22386 16.7741 3 16.4979 3C16.2216 3 15.9977 3.22386 15.9977 3.5V9H16.9981ZM13.997 9L13.997 3.5L13.997 2.5C13.997 2.22386 13.7731 2 13.4968 2C13.2206 2 12.9966 2.22386 12.9966 2.5V3.5V9H13.997Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/HandBandageFilled.svg

@@ -1,7 +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_1873_540" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4941 0C12.6652 0 11.9931 0.672023 11.9931 1.501V9H14.9951V1.501C14.9951 0.672023 14.3231 0 13.4941 0ZM9.49146 1C8.66248 1 7.99045 1.67202 7.99045 2.501V9H10.9925V2.501C10.9925 1.67202 10.3204 1 9.49146 1ZM21.9998 13V10H7.99045V11L21.9998 13ZM2.3963 12.0974C1.8679 11.569 1.8679 10.7123 2.3963 10.1839C3.45309 9.12709 5.16648 9.12709 6.22327 10.1839L7.98865 11.9493L5.11842 14.8195L2.3963 12.0974ZM15.9958 2.501C15.9958 1.67202 16.6678 1 17.4968 1C18.3258 1 18.9978 1.67202 18.9978 2.501V9H15.9958V2.501ZM20.9992 3C20.4465 3 19.9985 3.44801 19.9985 4.00067V9H21.9998V4.00067C21.9998 3.44801 21.5518 3 20.9992 3ZM5.83276 15.8438L8.99112 20L18.3064 19.2839C20.3905 19.1237 21.9998 17.3859 21.9998 15.2957V14L8.99112 12.2344L5.83276 15.8438ZM19.9985 20L8.99112 21V24H19.9985V20Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4941 0C12.6652 0 11.9931 0.672023 11.9931 1.501V9H14.9951V1.501C14.9951 0.672023 14.3231 0 13.4941 0ZM9.49146 1C8.66248 1 7.99045 1.67202 7.99045 2.501V9H10.9925V2.501C10.9925 1.67202 10.3204 1 9.49146 1ZM21.9998 10H7.99045V11L21.9998 13V10ZM2.3963 12.0974C1.8679 11.569 1.8679 10.7123 2.3963 10.1839C3.45309 9.12709 5.16648 9.12709 6.22327 10.1839L7.98865 11.9493L5.11842 14.8195L2.3963 12.0974ZM15.9958 2.501C15.9958 1.67202 16.6678 1 17.4968 1C18.3258 1 18.9978 1.67202 18.9978 2.501V9H15.9958V2.501ZM20.9992 3C20.4465 3 19.9985 3.44802 19.9985 4.00067V9H21.9998V4.00067C21.9998 3.44802 21.5518 3 20.9992 3ZM5.83276 15.8438L8.99112 20L18.3064 19.2839C20.3905 19.1237 21.9998 17.3859 21.9998 15.2957V14L8.99112 12.2344L5.83276 15.8438ZM19.9985 20L8.99112 21V24H19.9985V20Z"/>
 </mask>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4941 0C12.6652 0 11.9931 0.672023 11.9931 1.501V9H14.9951V1.501C14.9951 0.672023 14.3231 0 13.4941 0ZM9.49146 1C8.66248 1 7.99045 1.67202 7.99045 2.501V9H10.9925V2.501C10.9925 1.67202 10.3204 1 9.49146 1ZM21.9998 13V10H7.99045V11L21.9998 13ZM2.3963 12.0974C1.8679 11.569 1.8679 10.7123 2.3963 10.1839C3.45309 9.12709 5.16648 9.12709 6.22327 10.1839L7.98865 11.9493L5.11842 14.8195L2.3963 12.0974ZM15.9958 2.501C15.9958 1.67202 16.6678 1 17.4968 1C18.3258 1 18.9978 1.67202 18.9978 2.501V9H15.9958V2.501ZM20.9992 3C20.4465 3 19.9985 3.44801 19.9985 4.00067V9H21.9998V4.00067C21.9998 3.44801 21.5518 3 20.9992 3ZM5.83276 15.8438L8.99112 20L18.3064 19.2839C20.3905 19.1237 21.9998 17.3859 21.9998 15.2957V14L8.99112 12.2344L5.83276 15.8438ZM19.9985 20L8.99112 21V24H19.9985V20Z" fill="#262626"/>
-<path d="M11.9931 9H9.99313V11H11.9931V9ZM14.9951 9V11H16.9951V9H14.9951ZM7.99045 9H5.99045V11H7.99045V9ZM10.9925 9V11H12.9925V9H10.9925ZM21.9998 10H23.9998V8H21.9998V10ZM21.9998 13L21.7172 14.9799L23.9998 15.3058V13H21.9998ZM7.99045 10V8H5.99045V10H7.99045ZM7.99045 11H5.99045V12.7348L7.7078 12.9799L7.99045 11ZM2.3963 10.1839L0.982083 8.76966L0.982082 8.76967L2.3963 10.1839ZM2.3963 12.0974L3.81051 10.6832L3.81051 10.6832L2.3963 12.0974ZM6.22327 10.1839L7.63749 8.76967L6.22327 10.1839ZM7.98865 11.9493L9.40287 13.3635L10.8171 11.9493L9.40287 10.535L7.98865 11.9493ZM5.11842 14.8195L3.70421 16.2337L5.11842 17.6479L6.53264 16.2337L5.11842 14.8195ZM18.9978 9V11H20.9978V9H18.9978ZM15.9958 9H13.9958V11H15.9958V9ZM19.9985 9H17.9985V11H19.9985V9ZM21.9998 9V11H23.9998V9H21.9998ZM8.99112 20L7.39873 21.2101L8.05799 22.0776L9.14441 21.9941L8.99112 20ZM5.83276 15.8438L4.32764 14.5267L3.25312 15.7547L4.24036 17.0538L5.83276 15.8438ZM18.3064 19.2839L18.1531 17.2898H18.1531L18.3064 19.2839ZM21.9998 14H23.9998V12.2531L22.2688 12.0182L21.9998 14ZM8.99112 12.2344L9.26011 10.2525L8.1943 10.1079L7.486 10.9173L8.99112 12.2344ZM8.99112 21L8.81017 19.0082L6.99112 19.1735V21H8.99112ZM19.9985 20H21.9985V17.8101L19.8175 18.0082L19.9985 20ZM8.99112 24H6.99112V26H8.99112V24ZM19.9985 24V26H21.9985V24H19.9985ZM13.9931 1.501C13.9931 1.77659 13.7697 2 13.4941 2V-2C11.5606 -2 9.99313 -0.432547 9.99313 1.501H13.9931ZM13.9931 9V1.501H9.99313V9H13.9931ZM14.9951 7H11.9931V11H14.9951V7ZM12.9951 1.501V9H16.9951V1.501H12.9951ZM13.4941 2C13.2185 2 12.9951 1.77659 12.9951 1.501H16.9951C16.9951 -0.432546 15.4277 -2 13.4941 -2V2ZM9.99045 2.501C9.99045 2.77659 9.76705 3 9.49146 3V-1C7.55791 -1 5.99045 0.567453 5.99045 2.501H9.99045ZM9.99045 9V2.501H5.99045V9H9.99045ZM10.9925 7H7.99045V11H10.9925V7ZM8.99246 2.501V9H12.9925V2.501H8.99246ZM9.49146 3C9.21587 3 8.99246 2.77659 8.99246 2.501H12.9925C12.9925 0.567452 11.425 -1 9.49146 -1V3ZM19.9998 10V13H23.9998V10H19.9998ZM7.99045 12H21.9998V8H7.99045V12ZM9.99045 11V10H5.99045V11H9.99045ZM22.2825 11.0201L8.27311 9.02007L7.7078 12.9799L21.7172 14.9799L22.2825 11.0201ZM0.982082 8.76967C-0.327358 10.0791 -0.327363 12.2021 0.982083 13.5116L3.81051 10.6832C4.06317 10.9358 4.06316 11.3454 3.81051 11.5981L0.982082 8.76967ZM7.63749 8.76967C5.79965 6.93183 2.81992 6.93183 0.982083 8.76966L3.81051 11.5981C4.08625 11.3224 4.53332 11.3224 4.80906 11.5981L7.63749 8.76967ZM9.40287 10.535L7.63749 8.76967L4.80906 11.5981L6.57444 13.3635L9.40287 10.535ZM6.53264 16.2337L9.40287 13.3635L6.57444 10.535L3.70421 13.4053L6.53264 16.2337ZM0.982082 13.5116L3.70421 16.2337L6.53264 13.4053L3.81051 10.6832L0.982082 13.5116ZM17.4968 -1C15.5633 -1 13.9958 0.567453 13.9958 2.501H17.9958C17.9958 2.77659 17.7724 3 17.4968 3V-1ZM20.9978 2.501C20.9978 0.567454 19.4304 -1 17.4968 -1V3C17.2212 3 16.9978 2.77659 16.9978 2.501H20.9978ZM20.9978 9V2.501H16.9978V9H20.9978ZM15.9958 11H18.9978V7H15.9958V11ZM13.9958 2.501V9H17.9958V2.501H13.9958ZM21.9985 4.00067C21.9985 4.55258 21.5511 5 20.9992 5V1C19.3419 1 17.9985 2.34345 17.9985 4.00067H21.9985ZM21.9985 9V4.00067H17.9985V9H21.9985ZM21.9998 7H19.9985V11H21.9998V7ZM19.9998 4.00067V9H23.9998V4.00067H19.9998ZM20.9992 5C20.4472 5 19.9998 4.55258 19.9998 4.00067H23.9998C23.9998 2.34345 22.6564 1 20.9992 1V5ZM10.5835 18.7899L7.42516 14.6337L4.24036 17.0538L7.39873 21.2101L10.5835 18.7899ZM18.1531 17.2898L8.83783 18.0059L9.14441 21.9941L18.4597 21.278L18.1531 17.2898ZM19.9998 15.2957C19.9998 16.3408 19.1952 17.2097 18.1531 17.2898L18.4597 21.278C21.5858 21.0377 23.9998 18.431 23.9998 15.2957H19.9998ZM19.9998 14V15.2957H23.9998V14H19.9998ZM8.72214 14.2162L21.7308 15.9818L22.2688 12.0182L9.26011 10.2525L8.72214 14.2162ZM7.33788 17.1608L10.4962 13.5514L7.486 10.9173L4.32764 14.5267L7.33788 17.1608ZM9.17208 22.9918L20.1794 21.9918L19.8175 18.0082L8.81017 19.0082L9.17208 22.9918ZM10.9911 24V21H6.99112V24H10.9911ZM19.9985 22H8.99112V26H19.9985V22ZM17.9985 20V24H21.9985V20H17.9985Z" fill="#262626" mask="url(#path-1-inside-1_1873_540)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4941 0C12.6652 0 11.9931 0.672023 11.9931 1.501V9H14.9951V1.501C14.9951 0.672023 14.3231 0 13.4941 0ZM9.49146 1C8.66248 1 7.99045 1.67202 7.99045 2.501V9H10.9925V2.501C10.9925 1.67202 10.3204 1 9.49146 1ZM21.9998 10H7.99045V11L21.9998 13V10ZM2.3963 12.0974C1.8679 11.569 1.8679 10.7123 2.3963 10.1839C3.45309 9.12709 5.16648 9.12709 6.22327 10.1839L7.98865 11.9493L5.11842 14.8195L2.3963 12.0974ZM15.9958 2.501C15.9958 1.67202 16.6678 1 17.4968 1C18.3258 1 18.9978 1.67202 18.9978 2.501V9H15.9958V2.501ZM20.9992 3C20.4465 3 19.9985 3.44802 19.9985 4.00067V9H21.9998V4.00067C21.9998 3.44802 21.5518 3 20.9992 3ZM5.83276 15.8438L8.99112 20L18.3064 19.2839C20.3905 19.1237 21.9998 17.3859 21.9998 15.2957V14L8.99112 12.2344L5.83276 15.8438ZM19.9985 20L8.99112 21V24H19.9985V20Z" fill="#262626"/>
+<path d="M11.9931 9H9.99313V11H11.9931V9ZM14.9951 9V11H16.9951V9H14.9951ZM7.99045 9H5.99045V11H7.99045V9ZM10.9925 9V11H12.9925V9H10.9925ZM7.99045 10V8H5.99045V10H7.99045ZM21.9998 10H23.9998V8H21.9998V10ZM7.99045 11H5.99045V12.7348L7.7078 12.9799L7.99045 11ZM21.9998 13L21.7172 14.9799L23.9998 15.3058V13H21.9998ZM2.3963 10.1839L0.982083 8.76966L0.982082 8.76967L2.3963 10.1839ZM2.3963 12.0974L3.81051 10.6832L3.81051 10.6832L2.3963 12.0974ZM6.22327 10.1839L7.63749 8.76967L7.63749 8.76966L6.22327 10.1839ZM7.98865 11.9493L9.40287 13.3635L10.8171 11.9493L9.40287 10.535L7.98865 11.9493ZM5.11842 14.8195L3.70421 16.2337L5.11842 17.6479L6.53264 16.2337L5.11842 14.8195ZM18.9978 9V11H20.9978V9H18.9978ZM15.9958 9H13.9958V11H15.9958V9ZM19.9985 9H17.9985V11H19.9985V9ZM21.9998 9V11H23.9998V9H21.9998ZM8.99112 20L7.39873 21.2101L8.05799 22.0776L9.14441 21.9941L8.99112 20ZM5.83276 15.8438L4.32764 14.5267L3.25312 15.7547L4.24036 17.0538L5.83276 15.8438ZM18.3064 19.2839L18.1531 17.2898H18.1531L18.3064 19.2839ZM21.9998 14H23.9998V12.2531L22.2688 12.0182L21.9998 14ZM8.99112 12.2344L9.26011 10.2525L8.1943 10.1079L7.486 10.9173L8.99112 12.2344ZM8.99112 21L8.81017 19.0082L6.99112 19.1735V21H8.99112ZM19.9985 20H21.9985V17.8101L19.8175 18.0082L19.9985 20ZM8.99112 24H6.99112V26H8.99112V24ZM19.9985 24V26H21.9985V24H19.9985ZM13.9931 1.501C13.9931 1.77659 13.7697 2 13.4941 2V-2C11.5606 -2 9.99313 -0.432547 9.99313 1.501H13.9931ZM13.9931 9V1.501H9.99313V9H13.9931ZM14.9951 7H11.9931V11H14.9951V7ZM12.9951 1.501V9H16.9951V1.501H12.9951ZM13.4941 2C13.2186 2 12.9951 1.77659 12.9951 1.501H16.9951C16.9951 -0.432549 15.4277 -2 13.4941 -2V2ZM9.99045 2.501C9.99045 2.77659 9.76705 3 9.49146 3V-1C7.55791 -1 5.99045 0.567452 5.99045 2.501H9.99045ZM9.99045 9V2.501H5.99045V9H9.99045ZM10.9925 7H7.99045V11H10.9925V7ZM8.99246 2.501V9H12.9925V2.501H8.99246ZM9.49146 3C9.21587 3 8.99246 2.77659 8.99246 2.501H12.9925C12.9925 0.567453 11.425 -1 9.49146 -1V3ZM7.99045 12H21.9998V8H7.99045V12ZM9.99045 11V10H5.99045V11H9.99045ZM22.2825 11.0201L8.27311 9.02007L7.7078 12.9799L21.7172 14.9799L22.2825 11.0201ZM19.9998 10V13H23.9998V10H19.9998ZM0.982082 8.76967C-0.327358 10.0791 -0.327363 12.2021 0.982083 13.5116L3.81051 10.6832C4.06317 10.9358 4.06316 11.3454 3.81051 11.5981L0.982082 8.76967ZM7.63749 8.76966C5.79965 6.93183 2.81992 6.93183 0.982083 8.76966L3.81051 11.5981C4.08625 11.3224 4.53332 11.3224 4.80906 11.5981L7.63749 8.76966ZM9.40287 10.535L7.63749 8.76967L4.80906 11.5981L6.57444 13.3635L9.40287 10.535ZM6.53264 16.2337L9.40287 13.3635L6.57444 10.535L3.70421 13.4053L6.53264 16.2337ZM0.982082 13.5116L3.70421 16.2337L6.53264 13.4053L3.81051 10.6832L0.982082 13.5116ZM17.4968 -1C15.5633 -1 13.9958 0.567453 13.9958 2.501H17.9958C17.9958 2.77659 17.7724 3 17.4968 3V-1ZM20.9978 2.501C20.9978 0.567454 19.4304 -1 17.4968 -1V3C17.2212 3 16.9978 2.77659 16.9978 2.501H20.9978ZM20.9978 9V2.501H16.9978V9H20.9978ZM15.9958 11H18.9978V7H15.9958V11ZM13.9958 2.501V9H17.9958V2.501H13.9958ZM21.9985 4.00067C21.9985 4.55258 21.5511 5 20.9992 5V1C19.3419 1 17.9985 2.34345 17.9985 4.00067H21.9985ZM21.9985 9V4.00067H17.9985V9H21.9985ZM21.9998 7H19.9985V11H21.9998V7ZM19.9998 4.00067V9H23.9998V4.00067H19.9998ZM20.9992 5C20.4472 5 19.9998 4.55258 19.9998 4.00067H23.9998C23.9998 2.34345 22.6564 1 20.9992 1V5ZM10.5835 18.7899L7.42516 14.6337L4.24036 17.0538L7.39873 21.2101L10.5835 18.7899ZM18.1531 17.2898L8.83783 18.0059L9.14441 21.9941L18.4597 21.278L18.1531 17.2898ZM19.9998 15.2957C19.9998 16.3408 19.1952 17.2097 18.1531 17.2898L18.4597 21.278C21.5858 21.0377 23.9998 18.431 23.9998 15.2957H19.9998ZM19.9998 14V15.2957H23.9998V14H19.9998ZM8.72214 14.2162L21.7308 15.9818L22.2688 12.0182L9.26011 10.2525L8.72214 14.2162ZM7.33788 17.1608L10.4962 13.5514L7.486 10.9173L4.32764 14.5267L7.33788 17.1608ZM9.17208 22.9918L20.1794 21.9918L19.8175 18.0082L8.81017 19.0082L9.17208 22.9918ZM10.9911 24V21H6.99112V24H10.9911ZM19.9985 22H8.99112V26H19.9985V22ZM17.9985 20V24H21.9985V20H17.9985Z" fill="#262626" mask="url(#path-1-inside-1_1873_540)"/>
 </svg>

@navikt/core/icons/svg/HandsHeart.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8782 2.55164C14.5221 0.525043 18.2832 0.44271 21.04 2.54645C24.7767 5.39801 25.0135 10.9328 21.5339 14.092L21.4473 14.1707C21.3995 14.7825 21.138 15.3811 20.6615 15.8449C20.2053 16.289 19.6274 16.5344 19.0367 16.5805C18.9509 17.0274 18.7398 17.4559 18.401 17.8101L18.3569 17.8562C17.9703 18.2603 17.4774 18.502 16.9637 18.5789C16.8949 19.0522 16.6898 19.5108 16.3457 19.892C15.9127 20.3716 15.3375 20.6435 14.7435 20.7036C14.663 21.2227 14.431 21.7241 14.0421 22.1374C13.0077 23.2366 11.2735 23.286 10.178 22.2474L2.63895 15.1011C-0.334695 12.2823 -0.84583 7.72291 1.36331 4.29332C3.68982 0.681511 8.63769 -0.0622641 11.8782 2.55164ZM20.6808 12.1031C22.7043 9.73581 22.376 6.08317 19.8237 4.13548C17.4612 2.33267 14.0942 2.71641 12.1994 5.00442L8.82301 9.0816L9.98237 10.1215C10.3854 10.483 11.0033 10.4589 11.3769 10.0672L14.7099 6.57259L15.4284 7.25576L15.4465 7.23622L20.6177 12.0425C20.6392 12.0625 20.6602 12.0827 20.6808 12.1031ZM14.8063 9.37162L19.2561 13.5075C19.5176 13.7505 19.5223 14.1628 19.2666 14.4117C19.0262 14.6456 18.644 14.6478 18.4011 14.4165L16.2833 12.4006L14.9044 13.8492L16.9302 15.7776L16.9294 15.7786C17.1204 15.9484 17.1324 16.2429 16.9557 16.4277L16.9116 16.4737C16.7494 16.6433 16.4808 16.6505 16.3098 16.4898L16.3031 16.497C16.2672 16.4592 16.2299 16.4224 16.1912 16.3864L14.2118 14.5484L12.8509 16.014L14.8303 17.852C15.0302 18.0376 15.0439 18.3494 14.8611 18.5518C14.696 18.7347 14.4274 18.7663 14.2268 18.641C14.13 18.5125 14.0205 18.391 13.8985 18.2782L13.8693 18.3097L12.165 16.657L10.7727 18.0928L12.705 19.9666C12.8302 20.2315 12.7885 20.5551 12.5835 20.7729C12.3085 21.0652 11.8473 21.0784 11.556 20.8022L4.01698 13.6558C1.74961 11.5065 1.34735 8.00822 3.04612 5.37095C4.6914 2.81673 8.13134 2.26339 10.4532 3.97454L7.2793 7.80714C6.5947 8.63383 6.68519 9.85258 7.48442 10.5694L8.64378 11.6093C9.85292 12.6938 11.7066 12.6216 12.8275 11.4464L14.8063 9.37162Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8782 2.55164C14.5221 0.525043 18.2832 0.44271 21.04 2.54645C24.7767 5.39801 25.0135 10.9328 21.5339 14.092L21.4473 14.1707C21.3995 14.7825 21.138 15.3811 20.6615 15.8449C20.2053 16.289 19.6274 16.5344 19.0367 16.5805C18.9509 17.0274 18.7398 17.4559 18.401 17.8101L18.3569 17.8562C17.9703 18.2603 17.4774 18.502 16.9637 18.5789C16.8949 19.0522 16.6898 19.5108 16.3457 19.892C15.9127 20.3716 15.3375 20.6435 14.7435 20.7036C14.663 21.2227 14.431 21.7241 14.0421 22.1374C13.0077 23.2366 11.2735 23.286 10.178 22.2474L2.63895 15.1011C-0.334695 12.2823 -0.84583 7.72291 1.36331 4.29332C3.68982 0.681511 8.63769 -0.062264 11.8782 2.55164ZM20.6808 12.1031C22.7043 9.73581 22.376 6.08317 19.8237 4.13548C17.4612 2.33267 14.0942 2.71641 12.1994 5.00442L8.82301 9.0816L9.98237 10.1215C10.3854 10.483 11.0033 10.4589 11.3769 10.0672L14.7099 6.57259L15.4284 7.25576L15.4465 7.23622L20.6177 12.0425C20.6392 12.0625 20.6602 12.0827 20.6808 12.1031ZM14.8063 9.37162L19.2561 13.5075C19.5176 13.7505 19.5223 14.1628 19.2666 14.4117C19.0262 14.6456 18.644 14.6478 18.4011 14.4165L16.2833 12.4006L14.9044 13.8492L16.9302 15.7776L16.9294 15.7786C17.1204 15.9484 17.1324 16.2429 16.9557 16.4277L16.9116 16.4737C16.7494 16.6433 16.4808 16.6505 16.3098 16.4898L16.3031 16.497C16.2672 16.4592 16.2299 16.4224 16.1912 16.3864L14.2118 14.5484L12.8509 16.014L14.8303 17.852C15.0302 18.0376 15.0439 18.3494 14.8611 18.5518C14.696 18.7347 14.4274 18.7663 14.2268 18.641C14.13 18.5125 14.0205 18.391 13.8985 18.2782L13.8693 18.3097L12.165 16.657L10.7727 18.0928L12.705 19.9666C12.8302 20.2315 12.7885 20.5551 12.5835 20.7729C12.3085 21.0652 11.8473 21.0784 11.556 20.8022L4.01698 13.6558C1.74961 11.5065 1.34735 8.00822 3.04612 5.37095C4.6914 2.81673 8.13134 2.26339 10.4532 3.97454L7.2793 7.80714C6.5947 8.63383 6.68519 9.85258 7.48442 10.5694L8.64378 11.6093C9.85292 12.6938 11.7066 12.6216 12.8275 11.4464L14.8063 9.37162Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/HandsHeartFilled.svg

@@ -1,3 +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="M7.00966 7.69902L10.4929 3.17357C10.7697 2.81386 11.0777 2.49229 11.41 2.20971C8.17802 0.018759 3.5804 0.85612 1.36332 4.29804C-0.845834 7.72765 -0.334697 12.287 2.63896 15.1058L10.178 22.2522C11.2736 23.2908 13.0078 23.2414 14.0421 22.1422C14.431 21.7289 14.6631 21.2275 14.7436 20.7084C15.3376 20.6483 15.9128 20.3764 16.3457 19.8968C16.6899 19.5156 16.895 19.057 16.9637 18.5837C17.4775 18.5068 17.9704 18.2651 18.357 17.861L18.401 17.8149C18.7399 17.4607 18.951 17.0321 19.0368 16.5853C19.6275 16.5392 20.2054 16.2938 20.6616 15.8497C21.1381 15.3859 21.4259 14.8774 21.4474 14.1754C21.4689 13.4734 21.0626 13.0359 21.0626 13.0359L17.5861 9.06919L16.375 7.71875L13.5162 10.7833C12.4104 11.9687 10.5628 12.0612 9.34409 10.992L7.14262 9.06068C6.74616 8.71287 6.68797 8.11695 7.00966 7.69902ZM11.8334 3.67844L9.00765 7.43908C8.70103 7.84714 8.75094 8.42061 9.12342 8.76958L9.97504 9.56741C10.7823 10.3237 12.05 10.2811 12.8047 9.47234L16.4531 5.5625L22.0625 12.1875C24.8854 9.47881 24.5841 4.87943 21.4319 2.5622L21.0946 2.31429C18.1555 0.153665 14.0247 0.762115 11.8334 3.67844Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00966 7.69902L10.4929 3.17357C10.7697 2.81386 11.0777 2.49229 11.41 2.20971C8.17802 0.0187588 3.5804 0.85612 1.36332 4.29804C-0.845834 7.72765 -0.334697 12.287 2.63896 15.1058L10.178 22.2522C11.2736 23.2908 13.0078 23.2414 14.0421 22.1422C14.431 21.7289 14.6631 21.2275 14.7436 20.7084C15.3376 20.6483 15.9128 20.3764 16.3457 19.8968C16.6899 19.5156 16.895 19.057 16.9637 18.5837C17.4775 18.5068 17.9704 18.2651 18.357 17.861L18.401 17.8149C18.7399 17.4607 18.951 17.0321 19.0368 16.5853C19.6275 16.5392 20.2054 16.2938 20.6616 15.8497C21.1381 15.3859 21.4259 14.8774 21.4474 14.1754C21.4689 13.4734 21.0626 13.0359 21.0626 13.0359L17.5861 9.06919L16.375 7.71875L13.5162 10.7833C12.4104 11.9687 10.5628 12.0612 9.34409 10.992L7.14262 9.06068C6.74616 8.71287 6.68797 8.11695 7.00966 7.69902ZM11.8334 3.67844L9.00765 7.43908C8.70103 7.84714 8.75094 8.42061 9.12342 8.76958L9.97504 9.56741C10.7823 10.3237 12.05 10.2811 12.8047 9.47234L16.4531 5.5625L22.0625 12.1875C24.8854 9.47881 24.5841 4.87943 21.4319 2.5622L21.0946 2.31429C18.1555 0.153665 14.0247 0.762115 11.8334 3.67844Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Hearing.svg

@@ -1,3 +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="M16.8802 0.0490061C12.1539 -0.47442 8.03312 3.26351 8.00002 7.98984L9.99998 8.0038C10.0249 4.43969 13.1347 1.64373 16.6597 2.03412C20.462 2.45522 22.9033 6.27535 21.6842 9.89661L18.6234 18.9894C17.8965 21.1486 15.6457 22.4029 13.4239 21.8867L13.0312 21.7954C11.2562 21.3831 10 19.8032 10 17.9833H8C8 20.732 9.89722 23.118 12.5781 23.7408L12.9708 23.832C16.1962 24.5814 19.4639 22.7605 20.5191 19.6258L23.58 10.533C25.2055 5.70436 21.9503 0.610507 16.8802 0.0490061ZM17.1415 4.19242C14.5876 3.42716 12.0182 5.33211 12 7.99L12 10.7139L12.6676 10.9361L12.6705 10.9374C12.6836 10.943 12.7112 10.9555 12.7487 10.9763C12.8248 11.0185 12.9333 11.0902 13.0429 11.1996C13.243 11.3994 13.5 11.7743 13.5 12.4907C13.5 13.2165 12.8719 13.9887 12 13.9887C11.4477 13.9887 11 14.4358 11 14.9873C11 15.5389 11.4477 15.986 12 15.986C14.1281 15.986 15.5 14.1617 15.5 12.4907C15.5 11.2099 15.007 10.3365 14.4571 9.78729C14.3009 9.63125 14.1443 9.50539 14 9.40502V8.00057C14.0111 6.67177 15.2962 5.72474 16.5667 6.10545C17.6407 6.42729 18.2378 7.57008 17.8878 8.63396L17.05 11.1804C16.8776 11.7043 17.1632 12.2687 17.6878 12.4408C18.2125 12.613 18.7776 12.3278 18.95 11.8038L19.7878 9.25742C20.489 7.12631 19.2929 4.83711 17.1415 4.19242ZM3.29289 6.29202C3.68342 5.90203 4.31658 5.90203 4.70711 6.29202C8.41134 9.99123 8.41134 15.9888 4.70711 19.688C4.31658 20.078 3.68342 20.078 3.29289 19.688C2.90237 19.2981 2.90237 18.6657 3.29289 18.2758C6.21608 15.3565 6.21608 10.6235 3.29289 7.70432C2.90237 7.31432 2.90237 6.68202 3.29289 6.29202ZM1.70711 9.28796C1.31658 8.89796 0.683418 8.89796 0.292893 9.28796C-0.0976311 9.67795 -0.0976311 10.3103 0.292893 10.7003C1.55922 11.9649 1.55922 14.0152 0.292893 15.2798C-0.0976311 15.6698 -0.0976311 16.3021 0.292893 16.6921C0.683417 17.0821 1.31658 17.0821 1.70711 16.6921C3.75448 14.6475 3.75448 11.3326 1.70711 9.28796Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8802 0.0490061C12.1539 -0.47442 8.03312 3.26351 8.00002 7.98984L9.99998 8.0038C10.0249 4.43969 13.1347 1.64373 16.6597 2.03412C20.462 2.45522 22.9033 6.27535 21.6842 9.89661L18.6234 18.9894C17.8965 21.1486 15.6457 22.4029 13.4239 21.8867L13.0312 21.7954C11.2562 21.3831 10 19.8032 10 17.9833H8C8 20.732 9.89722 23.118 12.5781 23.7408L12.9708 23.832C16.1962 24.5814 19.4639 22.7605 20.5191 19.6258L23.58 10.533C25.2055 5.70436 21.9503 0.610507 16.8802 0.0490061ZM17.1415 4.19242C14.5876 3.42716 12.0182 5.33211 12 7.99L12 10.7139L12.6676 10.9361L12.6705 10.9374C12.6836 10.943 12.7112 10.9555 12.7487 10.9763C12.8248 11.0185 12.9333 11.0902 13.0429 11.1996C13.243 11.3994 13.5 11.7743 13.5 12.4907C13.5 13.2165 12.8719 13.9887 12 13.9887C11.4477 13.9887 11 14.4358 11 14.9873C11 15.5389 11.4477 15.986 12 15.986C14.1281 15.986 15.5 14.1617 15.5 12.4907C15.5 11.2099 15.007 10.3365 14.4571 9.78729C14.3009 9.63125 14.1443 9.50539 14 9.40502V8.00057C14.0111 6.67177 15.2962 5.72474 16.5667 6.10544C17.6407 6.42729 18.2378 7.57008 17.8878 8.63396L17.05 11.1804C16.8776 11.7043 17.1632 12.2687 17.6878 12.4408C18.2125 12.613 18.7776 12.3278 18.95 11.8038L19.7878 9.25742C20.489 7.12631 19.2929 4.83711 17.1415 4.19242ZM3.29289 6.29202C3.68342 5.90203 4.31658 5.90203 4.70711 6.29202C8.41134 9.99123 8.41134 15.9888 4.70711 19.688C4.31658 20.078 3.68342 20.078 3.29289 19.688C2.90237 19.2981 2.90237 18.6657 3.29289 18.2758C6.21608 15.3565 6.21608 10.6235 3.29289 7.70432C2.90237 7.31433 2.90237 6.68202 3.29289 6.29202ZM1.70711 9.28796C1.31658 8.89796 0.683418 8.89796 0.292893 9.28796C-0.0976311 9.67795 -0.0976311 10.3103 0.292893 10.7003C1.55922 11.9649 1.55922 14.0152 0.292893 15.2798C-0.0976311 15.6698 -0.0976311 16.3021 0.292893 16.6921C0.683417 17.0821 1.31658 17.0821 1.70711 16.6921C3.75448 14.6475 3.75448 11.3326 1.70711 9.28796Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/HearingFilled.svg

@@ -1,3 +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="M12 8.16944C12.0182 5.51155 14.5876 3.6066 17.1415 4.37186C19.2929 5.01655 20.489 7.30574 19.7878 9.43686L18.95 11.9832C18.7776 12.5072 18.2125 12.7924 17.6878 12.6203C17.1632 12.4481 16.8776 11.8838 17.05 11.3598L17.8878 8.8134C18.2378 7.74952 17.6407 6.60672 16.5667 6.28488C15.2962 5.90417 14.0111 6.85121 14 8.18001V9.58446C14.1443 9.68482 14.3009 9.81069 14.4571 9.96673C15.007 10.5159 15.5 11.3893 15.5 12.6702C15.5 14.3412 14.1281 16.1654 12 16.1654C11.4477 16.1654 11 15.7183 11 15.1668C11 14.6152 11.4477 14.1681 12 14.1681C12.8719 14.1681 13.5 13.3959 13.5 12.6702C13.5 11.9537 13.243 11.5788 13.0429 11.379C12.9333 11.2696 12.8248 11.1979 12.7487 11.1557C12.7112 11.1349 12.6836 11.1224 12.6705 11.1168L12.6676 11.1156L12 10.8933L12 8.16944ZM8.03174 7.32677C8.42394 2.91975 12.3773 -0.449686 16.8802 0.0490061C21.9503 0.610507 25.2055 5.70436 23.58 10.533L20.5191 19.6258C19.4639 22.7605 16.1962 24.5814 12.9708 23.832L12.5781 23.7408C10.2118 23.191 8.45601 21.2676 8.07656 18.9336C9.98373 15.5581 10.0878 11.452 8.38873 7.99682H9L8.38663 7.99254C8.27597 7.76773 8.15767 7.54568 8.03174 7.32677ZM3.29289 6.47147C3.68342 6.08147 4.31658 6.08147 4.70711 6.47147C8.41134 10.1707 8.41134 16.1683 4.70711 19.8675C4.31658 20.2575 3.68342 20.2575 3.29289 19.8675C2.90237 19.4775 2.90237 18.8452 3.29289 18.4552C6.21608 15.536 6.21608 10.803 3.29289 7.88376C2.90237 7.49377 2.90237 6.86146 3.29289 6.47147ZM1.70711 9.4674C1.31658 9.0774 0.683418 9.0774 0.292893 9.4674C-0.0976311 9.85739 -0.0976311 10.4897 0.292893 10.8797C1.55922 12.1443 1.55922 14.1947 0.292893 15.4593C-0.0976311 15.8493 -0.0976311 16.4816 0.292893 16.8716C0.683417 17.2616 1.31658 17.2616 1.70711 16.8716C3.75448 14.827 3.75448 11.512 1.70711 9.4674Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 8.16944C12.0182 5.51155 14.5876 3.6066 17.1415 4.37186C19.2929 5.01655 20.489 7.30574 19.7878 9.43686L18.95 11.9832C18.7776 12.5072 18.2125 12.7924 17.6878 12.6203C17.1632 12.4481 16.8776 11.8838 17.05 11.3598L17.8878 8.8134C18.2378 7.74952 17.6407 6.60672 16.5667 6.28488C15.2962 5.90417 14.0111 6.85121 14 8.18001V9.58446C14.1443 9.68482 14.3009 9.81069 14.4571 9.96673C15.007 10.5159 15.5 11.3893 15.5 12.6702C15.5 14.3412 14.1281 16.1654 12 16.1654C11.4477 16.1654 11 15.7183 11 15.1668C11 14.6152 11.4477 14.1681 12 14.1681C12.8719 14.1681 13.5 13.3959 13.5 12.6702C13.5 11.9537 13.243 11.5788 13.0429 11.379C12.9333 11.2696 12.8248 11.1979 12.7487 11.1558C12.7112 11.1349 12.6836 11.1224 12.6705 11.1168L12.6676 11.1156L12 10.8933L12 8.16944ZM8.03174 7.32677C8.42394 2.91975 12.3773 -0.449686 16.8802 0.0490061C21.9503 0.610507 25.2055 5.70436 23.58 10.533L20.5191 19.6258C19.4639 22.7605 16.1962 24.5814 12.9708 23.832L12.5781 23.7408C10.2118 23.191 8.45601 21.2676 8.07656 18.9336C9.98373 15.5581 10.0878 11.452 8.38873 7.99682H9L8.38663 7.99254C8.27597 7.76773 8.15767 7.54568 8.03174 7.32677ZM3.29289 6.47147C3.68342 6.08147 4.31658 6.08147 4.70711 6.47147C8.41134 10.1707 8.41134 16.1683 4.70711 19.8675C4.31658 20.2575 3.68342 20.2575 3.29289 19.8675C2.90237 19.4775 2.90237 18.8452 3.29289 18.4552C6.21608 15.536 6.21608 10.803 3.29289 7.88376C2.90237 7.49377 2.90237 6.86146 3.29289 6.47147ZM1.70711 9.4674C1.31658 9.0774 0.683418 9.0774 0.292893 9.4674C-0.0976311 9.85739 -0.0976311 10.4897 0.292893 10.8797C1.55922 12.1443 1.55922 14.1947 0.292893 15.4593C-0.0976311 15.8493 -0.0976311 16.4816 0.292893 16.8716C0.683417 17.2616 1.31658 17.2616 1.70711 16.8716C3.75448 14.827 3.75448 11.512 1.70711 9.4674Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Horse.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0472 4.01852C10.8228 3.30693 10.4355 2.70141 9.94244 2.22355V2C9.94244 1.25972 9.53859 0.613374 8.93833 0.267564C8.64295 0.0973943 8.3 0 7.93422 0V1.12023C6.8747 0.863862 5.71059 1.00058 4.67977 1.61997L1.71171 3.40342C0.00864163 4.42676 -0.51372 6.64514 0.555157 8.31509C1.09615 9.1603 1.9596 9.71941 2.91542 9.89061C3.31013 9.96131 3.72058 9.96586 4.13059 9.89709L4.92482 9.76387V11.9803L4.92478 12V13C4.92478 14.7499 6.05369 16.2373 7.62617 16.7801L6.39484 20.535C5.69649 20.1757 5.0956 19.7588 4.62779 19.2929C4.23566 18.9024 3.59989 18.9024 3.20776 19.2929C2.81563 19.6834 2.81563 20.3166 3.20776 20.7071C4.36608 21.8607 5.98566 22.6761 7.68235 23.2044C9.38946 23.736 11.248 24 12.9548 24C14.6616 24 16.5201 23.736 18.2272 23.2044C19.9239 22.6761 21.5435 21.8607 22.7018 20.7071C23.0939 20.3166 23.0939 19.6834 22.7018 19.2929C22.3097 18.9024 21.6739 18.9024 21.2818 19.2929C20.7938 19.7789 20.161 20.2115 19.4238 20.5811L18.1892 16.8161C19.8184 16.3057 21 14.7902 21 13V12L21.9918 12V15C21.9918 16.1046 22.8909 17 24 17V12C24 10.8954 23.1009 10 21.9918 10H20.4624C19.7675 8.8044 18.4687 8 16.9812 8H12.4168L11.4743 5.37324L11.0472 4.01852ZM9.56875 6.00921L9.12994 4.6173C8.67988 3.1897 7.00521 2.55886 5.71828 3.33216L2.75022 5.1156C2.01344 5.55832 1.78745 6.51804 2.24987 7.24049C2.58056 7.75714 3.18976 8.02669 3.79667 7.92489L6.93423 7.39864V11.99L6.93418 12V13C6.93418 14.1046 7.83382 15 8.94358 15H16.9812C18.091 15 18.9906 14.1046 18.9906 13V12C18.9906 10.8954 18.091 10 16.9812 10H11.0007L9.56875 6.00921ZM9.66667 17H16.1369L17.5531 21.3186C16.0687 21.7718 14.4426 22 12.9548 22C11.4419 22 9.78605 21.764 8.28163 21.2956L8.26021 21.2889L9.66667 17Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0472 4.01852C10.8228 3.30693 10.4355 2.70141 9.94244 2.22355V2C9.94244 1.25972 9.53859 0.613374 8.93833 0.267564C8.64295 0.0973943 8.3 0 7.93422 0V1.12023C6.8747 0.863862 5.71059 1.00058 4.67977 1.61997L1.71171 3.40342C0.00864163 4.42676 -0.51372 6.64514 0.555157 8.31509C1.09615 9.1603 1.9596 9.71941 2.91542 9.89061C3.31013 9.96131 3.72058 9.96586 4.13059 9.89709L4.92482 9.76387V11.9803L4.92478 12V13C4.92478 14.7499 6.05369 16.2373 7.62617 16.7801L6.39484 20.535C5.69649 20.1757 5.0956 19.7588 4.62779 19.2929C4.23566 18.9024 3.59989 18.9024 3.20776 19.2929C2.81563 19.6834 2.81563 20.3166 3.20776 20.7071C4.36608 21.8607 5.98566 22.6761 7.68235 23.2044C9.38946 23.736 11.248 24 12.9548 24C14.6616 24 16.5201 23.736 18.2272 23.2044C19.9239 22.6761 21.5435 21.8607 22.7018 20.7071C23.0939 20.3166 23.0939 19.6834 22.7018 19.2929C22.3097 18.9024 21.6739 18.9024 21.2818 19.2929C20.7938 19.7789 20.161 20.2115 19.4238 20.5811L18.1892 16.8161C19.8184 16.3057 21 14.7902 21 13V12L21.9918 12V15C21.9918 16.1046 22.8909 17 24 17V12C24 10.8954 23.1009 10 21.9918 10H20.4624C19.7675 8.8044 18.4687 8 16.9812 8H12.4168L11.4743 5.37324L11.0472 4.01852ZM9.56875 6.00921L9.12994 4.6173C8.67988 3.1897 7.00521 2.55886 5.71828 3.33216L2.75022 5.1156C2.01344 5.55832 1.78745 6.51804 2.24987 7.24049C2.58056 7.75714 3.18976 8.02669 3.79667 7.92489L6.93423 7.39864V11.99L6.93418 12V13C6.93418 14.1046 7.83382 15 8.94358 15H16.9812C18.091 15 18.9906 14.1046 18.9906 13V12C18.9906 10.8954 18.091 10 16.9812 10H11.0007L9.56875 6.00921ZM9.66667 17H16.1369L17.5531 21.3186C16.0687 21.7718 14.4426 22 12.9548 22C11.4419 22 9.78605 21.764 8.28163 21.2956L8.26022 21.2889L9.66667 17Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/HorseFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C9.10457 0 10 0.895431 10 2V2.00153C10.6368 2.51826 11.1374 3.22464 11.4038 4.08332L11.643 4.8544L11.648 4.87059L12.7656 8H17.3086C18.7892 8 20.0819 8.8044 20.7735 10H22C23.1046 10 24 10.8954 24 12V17C22.8954 17 22 16.1046 22 15V12L21.3086 12V13C21.3086 14.8893 19.9988 16.4727 18.2376 16.8916L19.4426 20.5811C20.1767 20.2115 20.8069 19.7789 21.2929 19.2929C21.6834 18.9024 22.3166 18.9024 22.7071 19.2929C23.0976 19.6834 23.0976 20.3166 22.7071 20.7071C21.5535 21.8607 19.9406 22.6761 18.2508 23.2044C16.5507 23.736 14.6998 24 13 24C11.3002 24 9.44928 23.736 7.74916 23.2044C6.05942 22.6761 4.44647 21.8607 3.29289 20.7071C2.90237 20.3166 2.90237 19.6834 3.29289 19.2929C3.68342 18.9024 4.31658 18.9024 4.70711 19.2929C5.17301 19.7588 5.77143 20.1756 6.46692 20.535L7.72743 16.6753C6.30467 16.0624 5.30863 14.6475 5.30863 13V12L5.30868 11.9803V8.27272L3.05058 8.68328C2.00044 8.87422 0.940827 8.4007 0.38254 7.49099C-0.368742 6.26681 0.0208965 4.66498 1.25053 3.92265L5.01145 1.65217C5.95684 1.08143 7.0137 0.917314 8 1.09058V0ZM9.72535 17H16.1691L17.5795 21.3186C16.1012 21.7718 14.4817 22 13 22C11.4933 22 9.84425 21.764 8.34599 21.2956L8.32466 21.2889L9.72535 17Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C9.10457 0 10 0.895431 10 2V2.00153C10.6368 2.51826 11.1374 3.22464 11.4038 4.08332L11.643 4.8544L11.648 4.87059L12.7656 8H17.3086C18.7892 8 20.0819 8.8044 20.7735 10H22C23.1046 10 24 10.8954 24 12V17C22.8954 17 22 16.1046 22 15V12L21.3086 12V13C21.3086 14.8893 19.9988 16.4727 18.2376 16.8916L19.4426 20.5811C20.1767 20.2115 20.8069 19.7789 21.2929 19.2929C21.6834 18.9024 22.3166 18.9024 22.7071 19.2929C23.0976 19.6834 23.0976 20.3166 22.7071 20.7071C21.5535 21.8607 19.9406 22.6761 18.2508 23.2044C16.5507 23.736 14.6998 24 13 24C11.3002 24 9.44928 23.736 7.74916 23.2044C6.05942 22.6761 4.44647 21.8607 3.29289 20.7071C2.90237 20.3166 2.90237 19.6834 3.29289 19.2929C3.68342 18.9024 4.31658 18.9024 4.70711 19.2929C5.17301 19.7588 5.77143 20.1756 6.46692 20.535L7.72743 16.6753C6.30467 16.0624 5.30863 14.6475 5.30863 13V12L5.30868 11.9803V8.27271L3.05058 8.68328C2.00044 8.87422 0.940827 8.4007 0.38254 7.49099C-0.368742 6.26681 0.0208963 4.66498 1.25053 3.92265L5.01145 1.65216C5.95684 1.08143 7.0137 0.917313 8 1.09058V0ZM9.72535 17H16.1691L17.5795 21.3186C16.1012 21.7718 14.4817 22 13 22C11.4933 22 9.84425 21.764 8.34599 21.2956L8.32466 21.2889L9.72535 17Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Left.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24 13L3.705 13L11 20.5455L9.62545 22L0 12L9.62545 2L11 3.45455L3.705 11L24 11V13Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.79291 11.7929L9.50001 4.08579L10.9142 5.5L5.62133 10.7929L22.2071 10.7929L22.2071 12.7929L5.62133 12.7929L10.9142 18.0858L9.50001 19.5L1.79291 11.7929Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Like.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.97185 8H0V23H5.95778V21.6476L8.65177 22.72C9.1166 22.905 9.61192 23 10.1117 23H18.8118C20.1818 23 21.3751 22.059 21.7037 20.7195L23.9116 11.7195C24.3756 9.82813 22.9542 8 21.0197 8H14.2024L15.2926 3.4712C15.5956 2.21241 14.6487 1 13.3625 1H11.265C10.671 1 10.1082 1.26774 9.73099 1.72979L4.61176 8H3.97185ZM5.95778 9.50043V19.4971L9.38175 20.86C9.61416 20.9525 9.86182 21 10.1117 21H18.8118C19.2685 21 19.6662 20.6863 19.7758 20.2398L21.9836 11.2398C22.1383 10.6094 21.6645 10 21.0197 10H11.6775L13.3625 3L11.265 3L5.95778 9.50043ZM3.97185 20.8571V10H2.97889H1.98593V21H3.97185V20.8571Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.97185 8H0V23H5.95778V21.6476L8.65177 22.72C9.1166 22.905 9.61192 23 10.1117 23H18.8118C20.1818 23 21.3751 22.059 21.7037 20.7195L23.9116 11.7195C24.3756 9.82813 22.9542 8 21.0197 8H14.2024L15.2926 3.4712C15.5956 2.21241 14.6487 1 13.3625 1H11.265C10.671 1 10.1082 1.26774 9.731 1.72979L4.61176 8H3.97185ZM5.95778 9.50043V19.4971L9.38175 20.86C9.61416 20.9525 9.86182 21 10.1117 21H18.8118C19.2685 21 19.6662 20.6863 19.7758 20.2398L21.9837 11.2398C22.1383 10.6094 21.6645 10 21.0197 10H11.6775L13.3625 3L11.265 3L5.95778 9.50043ZM3.97185 20.8571V10H2.97889H1.98593V21H3.97185V20.8571Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/NorwegianFlagFilled.svg

@@ -1,7 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 5C0 3.89543 0.895431 3 2 3H22C23.1046 3 24 3.89543 24 5V19C24 20.1046 23.1046 21 22 21H2C0.89543 21 0 20.1046 0 19V5Z" fill="#262626"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3V10.5H0V8.5H6V3H8Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 3V10.5H24V8.5H12V3H10Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 21V12.5H0V14.5H6V21H8Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 21V12.5H24V14.5H12V21H10Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 3C0.895431 3 0 3.89543 0 5V8.5H6V3H2ZM8 3V10.5H0V12.5H8V21H10V12.5H24V10.5H10V3H8ZM12 3V8.5H24V5C24 3.89543 23.1046 3 22 3H12ZM24 14.5H12V21H22C23.1046 21 24 20.1046 24 19V14.5ZM6 21V14.5H0V19C0 20.1046 0.89543 21 2 21H6Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/PensionBagFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.34 1.37199C17.6296 0.648119 17.0162 -0.113964 16.2472 0.0142072L13.3152 0.502868C12.4444 0.647999 11.5556 0.647999 10.6848 0.502868L7.75286 0.0142072C6.98384 -0.113964 6.37044 0.64812 6.65999 1.37199L7.78083 4.1741C9.05144 3.4271 10.5305 3 12.105 3C13.6079 3 15.0257 3.38961 16.2583 4.07643L17.34 1.37199ZM12.105 5C7.56144 5 3.81281 8.55652 3.57401 13.0938L3.31389 18.036C2.50685 18.7679 2 19.8247 2 21C2 22.6569 3.34315 24 5 24H5.2381H19H19.152C19.4482 24 19.7296 23.9409 19.9858 23.8343C21.1584 23.4265 22 22.3115 22 21C22 20.0184 21.6464 19.1194 21.0597 18.4234L20.6214 12.8705C20.2706 8.42698 16.5624 5 12.105 5ZM9 20V9.568H12.084C12.66 9.568 13.1987 9.62667 13.7 9.744C14.1421 9.83806 14.3571 9.99431 14.6577 10.2128C14.698 10.2421 14.7399 10.2725 14.784 10.304C15.1573 10.56 15.4507 10.9067 15.664 11.344C15.888 11.7707 16 12.2987 16 12.928C16 13.536 15.888 14.064 15.664 14.512C15.4507 14.96 15.1573 15.328 14.784 15.616C14.7219 15.6639 14.6645 15.7097 14.6097 15.7535C14.3349 15.9729 14.1251 16.1404 13.716 16.256C13.2253 16.3947 12.7027 16.464 12.148 16.464H11V20H9ZM11 14.592H12.004C13.284 14.592 13.924 14.0373 13.924 12.928C13.924 12.384 13.7533 12 13.412 11.776C13.0707 11.552 12.58 11.44 11.94 11.44H11V14.592Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.34 1.37199C17.6296 0.648119 17.0162 -0.113964 16.2472 0.0142072L13.3152 0.502868C12.4444 0.647999 11.5556 0.647999 10.6848 0.502868L7.75286 0.0142072C6.98384 -0.113964 6.37044 0.64812 6.65999 1.37199L7.78083 4.1741C9.05144 3.4271 10.5305 3 12.105 3C13.6079 3 15.0257 3.38961 16.2583 4.07643L17.34 1.37199ZM12.105 5C7.56144 5 3.81281 8.55652 3.57401 13.0938L3.31389 18.036C2.50685 18.7679 2 19.8247 2 21C2 22.6569 3.34315 24 5 24H5.2381H19H19.152C19.4482 24 19.7296 23.9409 19.9858 23.8343C21.1584 23.4265 22 22.3115 22 21C22 20.0184 21.6464 19.1194 21.0597 18.4234L20.6214 12.8705C20.2706 8.42698 16.5624 5 12.105 5ZM9 20V9.568H12.084C12.66 9.568 13.1987 9.62667 13.7 9.744C14.1421 9.83806 14.3571 9.99431 14.6577 10.2128L14.6577 10.2128C14.698 10.2421 14.7399 10.2725 14.784 10.304C15.1573 10.56 15.4507 10.9067 15.664 11.344C15.888 11.7707 16 12.2987 16 12.928C16 13.536 15.888 14.064 15.664 14.512C15.4507 14.96 15.1573 15.328 14.784 15.616C14.7219 15.6639 14.6645 15.7097 14.6097 15.7535C14.3349 15.9729 14.1251 16.1404 13.716 16.256C13.2253 16.3947 12.7027 16.464 12.148 16.464H11V20H9ZM11 14.592H12.004C13.284 14.592 13.924 14.0373 13.924 12.928C13.924 12.384 13.7533 12 13.412 11.776C13.0707 11.552 12.58 11.44 11.94 11.44H11V14.592Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Place.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C16.4183 0 20 3.59678 20 8.03364L19.9986 8.656C19.9877 10.2346 19.8889 11.2222 19 13L18.8404 13.3053L18.5471 13.8277C17.5369 15.5774 15.3545 18.9682 12 24L9.75465 20.6111L8.17389 18.1892C6.47226 15.5583 5.4143 13.8286 5 13C4 11 4 10 4 8.03364C4 3.59678 7.58172 0 12 0ZM12 2C8.68817 2 6 4.69948 6 8.03364L6.00688 9.018L6.01942 9.41306C6.03322 9.70541 6.05606 9.91825 6.09297 10.1462C6.18594 10.7203 6.38301 11.2939 6.78885 12.1056L6.89278 12.3061L7.09598 12.6738C7.68769 13.7162 8.83368 15.5431 10.5167 18.124L12 20.383L13.7046 17.7844L14.7372 16.1859C15.8756 14.4094 16.6504 13.1445 17.0521 12.4081L17.2111 12.1056C17.617 11.2939 17.8141 10.7203 17.907 10.1462L17.9465 9.85997L17.9656 9.65726C17.9931 9.30283 18 8.8482 18 8.03364C18 4.69948 15.3118 2 12 2ZM12 4C14.2091 4 16 5.79086 16 8C16 10.2091 14.2091 12 12 12C9.79086 12 8 10.2091 8 8C8 5.79086 9.79086 4 12 4ZM12 6C10.8954 6 10 6.89543 10 8C10 9.10457 10.8954 10 12 10C13.1046 10 14 9.10457 14 8C14 6.89543 13.1046 6 12 6Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.24622 13.437C4.25896 9.59623 6.99599 4 11.8617 4C16.7274 4 19.4644 9.59623 16.4772 13.437L11.8617 19.3712L7.24622 13.437ZM11.8617 2C5.33169 2 1.65848 9.5104 5.66752 14.6649L11.8617 22.6288L18.0559 14.6649C22.0649 9.51039 18.3917 2 11.8617 2ZM9.86169 10C9.86169 8.89543 10.7571 8 11.8617 8C12.9663 8 13.8617 8.89543 13.8617 10C13.8617 11.1046 12.9663 12 11.8617 12C10.7571 12 9.86169 11.1046 9.86169 10ZM11.8617 6C9.65256 6 7.86169 7.79086 7.86169 10C7.86169 12.2091 9.65256 14 11.8617 14C14.0708 14 15.8617 12.2091 15.8617 10C15.8617 7.79086 14.0708 6 11.8617 6Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/PlaceFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C16.4183 0 20 3.59678 20 8.03364L19.9986 8.656C19.9877 10.2346 19.8889 11.2222 19 13L18.8404 13.3053L18.5471 13.8277C17.5369 15.5774 15.3545 18.9682 12 24L9.75465 20.6111L8.17389 18.1892C6.47226 15.5583 5.4143 13.8286 5 13C4 11 4 10 4 8.03364C4 3.59678 7.58172 0 12 0ZM12 4C14.2091 4 16 5.79086 16 8C16 10.2091 14.2091 12 12 12C9.79086 12 8 10.2091 8 8C8 5.79086 9.79086 4 12 4Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.66752 14.6649C1.65848 9.5104 5.33169 2 11.8617 2C18.3917 2 22.0649 9.51039 18.0559 14.6649L11.8617 22.6288L5.66752 14.6649ZM11.8617 13C13.5185 13 14.8617 11.6569 14.8617 10C14.8617 8.34315 13.5185 7 11.8617 7C10.2048 7 8.86169 8.34315 8.86169 10C8.86169 11.6569 10.2048 13 11.8617 13Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/PrinterRoom.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9998 17.1959V14.5544L21.5299 12.3481C21.9983 12.0553 22.1406 11.4384 21.8479 10.9701C21.5552 10.5017 20.9383 10.3594 20.4699 10.6521L17.9998 12.1959V7.02724C18.0043 6.85811 17.9656 6.69086 17.8888 6.54166C17.7914 6.35317 17.6358 6.19963 17.4457 6.10481L5.92689 0.113051C5.43694 -0.141811 4.83314 0.0487713 4.57828 0.538729C4.32342 1.02869 4.514 1.63248 5.00396 1.88734L12.9106 6.00015H2.99997C2.44769 6.00015 1.99998 6.44787 1.99998 7.00015V23C1.99998 23.5523 2.44769 24 2.99997 24H16.9999C17.5521 24 17.9998 23.5523 17.9998 23V19.5544L21.5299 17.3481C21.9982 17.0553 22.1406 16.4384 21.8479 15.9701C21.5552 15.5017 20.9383 15.3594 20.4699 15.6521L17.9998 17.1959ZM15.9999 18.9974V14.0047V13.9973V8.00014H3.99997V22H15.9999V19.0046V18.9974ZM6.99994 18.0001C6.44766 18.0001 5.99995 18.4478 5.99995 19C5.99995 19.5523 6.44766 20 6.99994 20H12.9999C13.5522 20 13.9999 19.5523 13.9999 19C13.9999 18.4478 13.5522 18.0001 12.9999 18.0001L6.99994 18.0001Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9998 17.1959V14.5544L21.5299 12.3481C21.9983 12.0553 22.1406 11.4384 21.8479 10.9701C21.5552 10.5017 20.9383 10.3594 20.4699 10.6521L17.9998 12.1959V7.02724C18.0043 6.85811 17.9656 6.69086 17.8888 6.54166C17.7914 6.35317 17.6358 6.19963 17.4457 6.10481L5.92689 0.113051C5.43694 -0.141811 4.83314 0.0487714 4.57828 0.538729C4.32342 1.02869 4.514 1.63248 5.00396 1.88734L12.9106 6.00015H2.99997C2.44769 6.00015 1.99998 6.44787 1.99998 7.00015V23C1.99998 23.5523 2.44769 24 2.99997 24H16.9999C17.5521 24 17.9998 23.5523 17.9998 23V19.5544L21.5299 17.3481C21.9982 17.0553 22.1406 16.4384 21.8479 15.9701C21.5552 15.5017 20.9383 15.3594 20.4699 15.6521L17.9998 17.1959ZM15.9999 18.9974V14.0047V13.9973V8.00014H3.99997V22H15.9999V19.0046V18.9974ZM6.99994 18.0001C6.44766 18.0001 5.99995 18.4478 5.99995 19C5.99995 19.5523 6.44766 20 6.99994 20H12.9999C13.5522 20 13.9999 19.5523 13.9999 19C13.9999 18.4478 13.5522 18.0001 12.9999 18.0001L6.99994 18.0001Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/PrinterRoomFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9998 7.02724V12.1959L20.4699 10.6521C20.9383 10.3594 21.5552 10.5017 21.8479 10.9701C22.1406 11.4384 21.9983 12.0554 21.5299 12.3481L17.9998 14.5544V17.1959L20.4699 15.6521C20.9383 15.3594 21.5552 15.5017 21.8479 15.9701C22.1406 16.4384 21.9982 17.0553 21.5299 17.3481L17.9998 19.5544V23C17.9998 23.5523 17.5521 24 16.9999 24H2.99997C2.44769 24 1.99998 23.5523 1.99998 23V7.00015C1.99998 6.44787 2.44769 6.00015 2.99997 6.00015H12.9106L5.00396 1.88734C4.514 1.63248 4.32342 1.02869 4.57828 0.538729C4.83314 0.0487713 5.43694 -0.141811 5.92689 0.113051L17.4457 6.10481C17.6358 6.19963 17.7914 6.35317 17.8888 6.54166C17.9656 6.69086 18.0043 6.85811 17.9998 7.02724ZM6.99994 18.0001C6.44766 18.0001 5.99995 18.4478 5.99995 19C5.99995 19.5523 6.44766 20 6.99994 20H12.9999C13.5522 20 13.9999 19.5523 13.9999 19C13.9999 18.4478 13.5522 18.0001 12.9999 18.0001L6.99994 18.0001Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9998 7.02724V12.1959L20.4699 10.6521C20.9383 10.3594 21.5552 10.5017 21.8479 10.9701C22.1406 11.4384 21.9983 12.0554 21.5299 12.3481L17.9998 14.5544V17.1959L20.4699 15.6521C20.9383 15.3594 21.5552 15.5017 21.8479 15.9701C22.1406 16.4384 21.9982 17.0553 21.5299 17.3481L17.9998 19.5544V23C17.9998 23.5523 17.5521 24 16.9999 24H2.99997C2.44769 24 1.99998 23.5523 1.99998 23V7.00015C1.99998 6.44787 2.44769 6.00015 2.99997 6.00015H12.9106L5.00396 1.88734C4.514 1.63248 4.32342 1.02869 4.57828 0.538729C4.83314 0.0487714 5.43694 -0.141811 5.92689 0.113051L17.4457 6.10481C17.6358 6.19963 17.7914 6.35317 17.8888 6.54166C17.9656 6.69086 18.0043 6.85811 17.9998 7.02724ZM6.99994 18.0001C6.44766 18.0001 5.99995 18.4478 5.99995 19C5.99995 19.5523 6.44766 20 6.99994 20H12.9999C13.5522 20 13.9999 19.5523 13.9999 19C13.9999 18.4478 13.5522 18.0001 12.9999 18.0001H6.99994Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Refresh.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.70711 3.70711C10.0976 3.31658 10.0976 2.68342 9.70711 2.29289C9.31658 1.90237 8.68342 1.90237 8.29289 2.29289L5.29289 5.2929C5.10535 5.48043 5 5.73479 5 6C5 6.26522 5.10535 6.51957 5.29289 6.70711L8.29289 9.70711C8.68342 10.0976 9.31658 10.0976 9.70711 9.70711C10.0976 9.31658 10.0976 8.68342 9.70711 8.29289L8.41421 7H17C18.6569 7 20 8.34315 20 10V12C20 12.5523 20.4477 13 21 13C21.5523 13 22 12.5523 22 12V10C22 7.23858 19.7614 5 17 5H8.41421L9.70711 3.70711ZM14.2929 20.2929C13.9024 20.6834 13.9024 21.3166 14.2929 21.7071C14.6834 22.0976 15.3166 22.0976 15.7071 21.7071L18.7071 18.7071C18.8946 18.5196 19 18.2652 19 18C19 17.7348 18.8946 17.4804 18.7071 17.2929L15.7071 14.2929C15.3166 13.9024 14.6834 13.9024 14.2929 14.2929C13.9024 14.6834 13.9024 15.3166 14.2929 15.7071L15.5858 17L7 17C5.34314 17 4 15.6569 4 14L4 12C4 11.4477 3.55228 11 3 11C2.44771 11 2 11.4477 2 12V14C2 16.7614 4.23858 19 7 19H15.5858L14.2929 20.2929Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.70711 3.7071C10.0976 3.31658 10.0976 2.68341 9.70711 2.29289C9.31658 1.90237 8.68342 1.90237 8.29289 2.29289L5.29289 5.29289C5.10535 5.48043 5 5.73478 5 6C5 6.26522 5.10535 6.51957 5.29289 6.70711L8.29289 9.7071C8.68342 10.0976 9.31658 10.0976 9.70711 9.7071C10.0976 9.31658 10.0976 8.68341 9.70711 8.29289L8.41421 7H17C18.6569 7 20 8.34314 20 10V12C20 12.5523 20.4477 13 21 13C21.5523 13 22 12.5523 22 12V10C22 7.23857 19.7614 5 17 5H8.41421L9.70711 3.7071ZM14.2929 20.2929C13.9024 20.6834 13.9024 21.3166 14.2929 21.7071C14.6834 22.0976 15.3166 22.0976 15.7071 21.7071L18.7071 18.7071C18.8946 18.5196 19 18.2652 19 18C19 17.7348 18.8946 17.4804 18.7071 17.2929L15.7071 14.2929C15.3166 13.9024 14.6834 13.9024 14.2929 14.2929C13.9024 14.6834 13.9024 15.3166 14.2929 15.7071L15.5858 17L7 17C5.34314 17 4 15.6568 4 14L4 12C4 11.4477 3.55228 11 3 11C2.44771 11 2 11.4477 2 12V14C2 16.7614 4.23858 19 7 19H15.5858L14.2929 20.2929Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/RefreshFilled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM9.70711 2.29289C10.0976 2.68342 10.0976 3.31658 9.70711 3.70711L8.41421 5H17C19.7614 5 22 7.23858 22 10V12C22 12.5523 21.5523 13 21 13C20.4477 13 20 12.5523 20 12V10C20 8.34315 18.6569 7 17 7H8.41421L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L5.29289 6.70711C5.10535 6.51957 5 6.26522 5 6C5 5.73479 5.10535 5.48043 5.29289 5.2929L8.29289 2.29289C8.68342 1.90237 9.31658 1.90237 9.70711 2.29289ZM14.2929 21.7071C13.9024 21.3166 13.9024 20.6834 14.2929 20.2929L15.5858 19H7C4.23858 19 2 16.7614 2 14V12C2 11.4477 2.44771 11 3 11C3.55228 11 4 11.4477 4 12V14C4 15.6569 5.34314 17 7 17L15.5858 17L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929C14.6834 13.9024 15.3166 13.9024 15.7071 14.2929L18.7071 17.2929C18.8946 17.4804 19 17.7348 19 18C19 18.2652 18.8946 18.5196 18.7071 18.7071L15.7071 21.7071C15.3166 22.0976 14.6834 22.0976 14.2929 21.7071Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM9.70711 2.29289C10.0976 2.68342 10.0976 3.31658 9.70711 3.70711L8.41421 5H17C19.7614 5 22 7.23858 22 10V12C22 12.5523 21.5523 13 21 13C20.4477 13 20 12.5523 20 12V10C20 8.34315 18.6569 7 17 7H8.41421L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L5.29289 6.70711C5.10535 6.51957 5 6.26522 5 6C5 5.73479 5.10535 5.48043 5.29289 5.2929L8.29289 2.29289C8.68342 1.90237 9.31658 1.90237 9.70711 2.29289ZM14.2929 21.7071C13.9024 21.3166 13.9024 20.6834 14.2929 20.2929L15.5858 19H7C4.23858 19 2 16.7614 2 14V12C2 11.4477 2.44771 11 3 11C3.55228 11 4 11.4477 4 12V14C4 15.6569 5.34314 17 7 17H15.5858L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929C14.6834 13.9024 15.3166 13.9024 15.7071 14.2929L18.7071 17.2929C18.8946 17.4804 19 17.7348 19 18C19 18.2652 18.8946 18.5196 18.7071 18.7071L15.7071 21.7071C15.3166 22.0976 14.6834 22.0976 14.2929 21.7071Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Right.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13L20.295 13L13 20.5455L14.3746 22L24 12L14.3746 2L13 3.45455L20.295 11L0 11L0 13Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2071 11.7929L14.5 19.5L13.0858 18.0858L18.3787 12.7929L1.79288 12.7929L1.79288 10.7929L18.3787 10.7929L13.0858 5.5L14.5 4.08579L22.2071 11.7929Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Send.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1L24 12L0 23L3 12L0 1ZM3.055 4.6L4.8 11H13V13H4.8L3.055 19.399L19.199 12L3.055 4.6Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4622 12L1.53259 2.2535L3.96922 12L1.53259 21.7465L23.4622 12ZM5.78077 11L4.46739 5.7465L18.5378 12L4.46739 18.2535L5.78077 13H12V11H5.78077Z" fill="#262626"/>
 </svg>