Lerna versionbump [ci skip]

- @navikt/ds-codemod@1.0.1
 - @navikt/ds-css@0.18.17

.storybook/main.js

@@ -11,6 +11,7 @@ module.exports = {
     };
     return config;
   },
+  staticDirs: ["./public"],
   devServer: {
     stats: "errors-only",
   },

.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.1",
+  "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__/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__/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,74 @@
+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";
+      }
+    });
+    file.path.includes("styled") &&
+      console.log(
+        root.find(j.JSXElement).forEach((x) => {
+          console.log(x.value.openingElement.name);
+        })
+      );
+  }
+
+  return root.toSource(options.printOptions);
+}

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

@@ -0,0 +1,86 @@
+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 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 === "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",
+        /* illustrationBgColor: "avatarBgColor",
+        illustration: "avatar",
+        topText: "name", */
+      },
+    });
+
+    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,7 +1,7 @@
 :root {
   --navds-accordion-color-text: var(--navds-semantic-color-text);
   --navds-accordion-color-background: var(
-    ---navds-semantic-color-component-background-light
+    --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);

@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);
+  gap: var(--navds-spacing-2);
 }
 
 .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,60 +63,21 @@
   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;

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

@@ -45,7 +45,7 @@ a {
 
 /* 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/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,32 +15,14 @@
     --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);
@@ -49,11 +34,6 @@
   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 +41,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/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

@@ -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

@@ -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);
 }
 

@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.17",
   "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.6",
     "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/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/typography.css

@@ -1,3 +1,9 @@
+:root {
+  --navds-error-message-color-text: var(
+    --navds-semantic-color-feedback-danger-text
+  );
+}
+
 /* Heading */
 .navds-heading {
   font-weight: var(--navds-font-weight-bold);
@@ -161,7 +167,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 +176,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 +187,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.17",
   "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/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/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/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/HearingImpairedFilled.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.8802 0.0490061C8.83055 -0.399484 5.22544 2.28056 4.25537 6.03027C7.40915 9.49288 8.20399 15.9871 4.4137 20.1558C4.41524 20.1597 4.41679 20.1636 4.41834 20.1675L2.29297 22.2929L3.70718 23.7071L22.7072 4.70711L21.293 3.29289L19.4654 5.12045C18.4352 2.45838 16.0017 0.394705 12.8802 0.0490061ZM8.00002 7.99316C8.01821 5.33167 10.5876 3.42413 13.1415 4.19043C14.4429 4.58094 15.3943 5.57501 15.7875 6.76713C15.9605 7.29162 15.6755 7.85705 15.151 8.03005C14.6266 8.20305 14.0611 7.91811 13.8881 7.39362C13.6903 6.79398 13.2152 6.30064 12.5667 6.10605C11.2962 5.72482 10.0111 6.67315 10 8.00375V8.9101C10.1442 9.01061 10.3009 9.13664 10.4571 9.29289C11.007 9.8428 11.5 10.7174 11.5 12C11.5 12.5523 11.0523 13 10.5 13C9.94771 13 9.5 12.5523 9.5 12C9.5 11.2826 9.24298 10.9072 9.04289 10.7071C8.93332 10.5975 8.82478 10.5258 8.74873 10.4835C8.71122 10.4627 8.68357 10.4501 8.67053 10.4445L8.66761 10.4433L8 10.2208V9.5V8V7.99316L8.00002 7.99316ZM10.1974 22.8827C13.5 23.5 15.6802 21.9767 16.5712 19.3261L19 11L8 22C8 22 9 22.5 10.1974 22.8827Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8802 0.0490061C8.83055 -0.399484 5.22544 2.28056 4.25537 6.03027C7.40915 9.49288 8.20399 15.9871 4.4137 20.1558C4.41524 20.1597 4.41679 20.1636 4.41834 20.1675L2.29297 22.2929L3.70718 23.7071L22.7072 4.70711L21.293 3.29289L19.4654 5.12045C18.4352 2.45838 16.0017 0.394705 12.8802 0.0490061ZM8.00002 7.99316C8.01821 5.33167 10.5876 3.42413 13.1415 4.19043C14.4429 4.58094 15.3943 5.57501 15.7875 6.76713C15.9605 7.29162 15.6755 7.85705 15.151 8.03005C14.6266 8.20305 14.0611 7.91811 13.8881 7.39362C13.6903 6.79398 13.2152 6.30064 12.5667 6.10605C11.2962 5.72482 10.0111 6.67315 10 8.00375V8.9101C10.1442 9.01061 10.3009 9.13664 10.4571 9.29289C11.007 9.8428 11.5 10.7174 11.5 12C11.5 12.5523 11.0523 13 10.5 13C9.94771 13 9.5 12.5523 9.5 12C9.5 11.2826 9.24298 10.9072 9.04289 10.7071C8.93332 10.5975 8.82478 10.5258 8.74873 10.4835C8.71122 10.4627 8.68357 10.4501 8.67053 10.4445L8.66761 10.4433L8 10.2208V9.5V8V7.99316H8.00002ZM10.1974 22.8827C13.5 23.5 15.6802 21.9767 16.5712 19.3261L19 11L8 22C8 22 9 22.5 10.1974 22.8827Z" 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/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/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/SelfServiceFilled.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 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V9C24 10.1046 23.1046 11 22 11H15.873V7.97321C15.873 5.71449 13.9976 4 11.8306 4C9.66355 4 7.78822 5.71449 7.78822 7.97321V11H2C0.89543 11 0 10.1046 0 9V2ZM13.8729 7.97321C13.8729 6.88344 12.9585 6 11.8305 6C10.7025 6 9.78814 6.88344 9.78814 7.97321V15.7649L8.33449 14.8968C7.59156 14.4545 6.42256 14.3456 5.63601 15.1071C4.81668 15.9004 4.81492 17.0483 5.48153 17.8753L10 24H18.5L19.9914 16.9368C20.1172 15.1979 18.8538 13.6637 17.1118 13.4398L13.8729 13.1339V7.97321Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V9C24 10.1046 23.1046 11 22 11H15.873V7.97321C15.873 5.71449 13.9976 4 11.8306 4C9.66355 4 7.78822 5.71449 7.78822 7.97321V11H2C0.89543 11 0 10.1046 0 9V2ZM13.8729 7.97321C13.8729 6.88344 12.9585 6 11.8305 6C10.7025 6 9.78815 6.88344 9.78815 7.97321V15.7649L8.33449 14.8968C7.59156 14.4545 6.42256 14.3456 5.63601 15.1071C4.81668 15.9004 4.81492 17.0483 5.48153 17.8753L10 24H18.5L19.9914 16.9368C20.1172 15.1979 18.8538 13.6637 17.1118 13.4398L13.8729 13.1339V7.97321Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Sightless.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.70718 23L22.7072 3.45479L21.293 2L17.3221 6.08485C15.6134 5.22128 13.8161 4.78479 11.9402 4.78479C7.61617 4.78479 3.79733 7.09346 0.487718 11.4194L0.000976562 12.0556L0.487718 12.6918C2.18803 14.9142 4.02322 16.6078 6.00293 17.7288L2.29297 21.5452L3.70718 23ZM7.4863 16.2028C5.79092 15.3559 4.1466 13.9879 2.5629 12.0555C5.47787 8.49788 8.6025 6.84218 11.9402 6.84218C12.0058 6.84218 12.0713 6.84281 12.1367 6.84409C10.9031 6.87858 9.67945 7.38011 8.7379 8.34867C6.90127 10.238 6.79217 13.2315 8.41062 15.252L7.4863 16.2028ZM9.83605 13.7857C8.99224 12.5797 9.0976 10.8882 10.1521 9.80346C11.2066 8.71868 12.8509 8.6103 14.0233 9.47832L9.83605 13.7857ZM15.4487 8.01199L15.8117 7.63856C14.9126 7.25466 13.9925 7.01057 13.0492 6.90409C13.9089 7.04224 14.7403 7.41153 15.4487 8.01199ZM21.7071 9.62696L13.7071 17.8565C13.3166 18.2583 12.6834 18.2583 12.2929 17.8565C11.9024 17.4548 11.9024 16.8035 12.2929 16.4017L20.2929 8.17217C20.6834 7.77044 21.3166 7.77044 21.7071 8.17217C22.0976 8.5739 22.0976 9.22523 21.7071 9.62696ZM23.7071 12.713C24.0976 12.3113 24.0976 11.66 23.7071 11.2583C23.3166 10.8565 22.6834 10.8565 22.2929 11.2583L18.2929 15.373C17.9024 15.7748 17.9024 16.4261 18.2929 16.8278C18.6834 17.2296 19.3166 17.2296 19.7071 16.8278L23.7071 12.713Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.70718 23L22.7072 3.45479L21.293 2L17.3221 6.08485C15.6134 5.22128 13.8161 4.78479 11.9402 4.78479C7.61617 4.78479 3.79733 7.09346 0.487718 11.4194L0.000976562 12.0556L0.487718 12.6918C2.18803 14.9142 4.02322 16.6078 6.00293 17.7288L2.29297 21.5452L3.70718 23ZM7.4863 16.2028C5.79092 15.3559 4.1466 13.9879 2.5629 12.0555C5.47787 8.49788 8.6025 6.84218 11.9402 6.84218C12.0058 6.84218 12.0713 6.84281 12.1367 6.84409C10.9031 6.87858 9.67945 7.38011 8.7379 8.34867C6.90127 10.238 6.79217 13.2315 8.41062 15.252L7.4863 16.2028ZM9.83604 13.7857C8.99224 12.5797 9.0976 10.8882 10.1521 9.80346C11.2066 8.71868 12.8509 8.6103 14.0233 9.47832L9.83604 13.7857ZM15.4487 8.01199L15.8117 7.63856C14.9126 7.25466 13.9925 7.01057 13.0492 6.90409C13.9089 7.04224 14.7403 7.41154 15.4487 8.01199ZM21.7071 9.62696L13.7071 17.8565C13.3166 18.2583 12.6834 18.2583 12.2929 17.8565C11.9024 17.4548 11.9024 16.8035 12.2929 16.4017L20.2929 8.17217C20.6834 7.77044 21.3166 7.77044 21.7071 8.17217C22.0976 8.5739 22.0976 9.22523 21.7071 9.62696ZM23.7071 12.713C24.0976 12.3113 24.0976 11.66 23.7071 11.2583C23.3166 10.8565 22.6834 10.8565 22.2929 11.2583L18.2929 15.373C17.9024 15.7748 17.9024 16.4261 18.2929 16.8278C18.6834 17.2296 19.3166 17.2296 19.7071 16.8278L23.7071 12.713Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Wardrobe.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 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7C14 7.87376 13.4391 8.6191 12.6547 8.89066C11.9238 9.14372 11 9.84749 11 11V11.6908C10.0546 11.7699 9.11625 11.9613 8.20527 12.2649L2.3842 14.2053C0.960379 14.6799 0 16.0123 0 17.5132C0 19.4389 1.56111 21 3.48683 21H20.5132C22.4389 21 24 19.4389 24 17.5132C24 16.0123 23.0396 14.6799 21.6158 14.2053L15.7947 12.2649C14.8838 11.9613 13.9454 11.7699 13 11.6908V11.0027C13.0026 10.9952 13.0114 10.9774 13.0372 10.9489C13.0903 10.8901 13.186 10.8232 13.3091 10.7806C14.874 10.2388 16 8.75219 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 7.55228 8.44771 8 9 8C9.55229 8 10 7.55228 10 7ZM12.9991 11.006C12.999 11.0066 12.999 11.0069 12.9991 11.0069C12.9992 11.0069 12.9997 11.0056 12.9999 11.003C12.9994 11.0044 12.9992 11.0054 12.9991 11.006ZM22 17.5132C22 18.3343 21.3343 19 20.5132 19H3.48683C2.66568 19 2 18.3343 2 17.5132C2 16.8732 2.40952 16.305 3.01666 16.1026L8.83772 14.1623C10.8904 13.4781 13.1096 13.4781 15.1623 14.1623L20.9833 16.1026C21.5905 16.305 22 16.8732 22 17.5132Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7C14 7.87376 13.4391 8.6191 12.6547 8.89066C11.9238 9.14372 11 9.84749 11 11V11.6908C10.0546 11.7699 9.11625 11.9613 8.20527 12.2649L2.3842 14.2053C0.960379 14.6799 0 16.0123 0 17.5132C0 19.4389 1.56111 21 3.48683 21H20.5132C22.4389 21 24 19.4389 24 17.5132C24 16.0123 23.0396 14.6799 21.6158 14.2053L15.7947 12.2649C14.8838 11.9613 13.9454 11.7699 13 11.6908V11.0027C13.0026 10.9952 13.0114 10.9774 13.0372 10.9489C13.0903 10.8901 13.186 10.8232 13.3091 10.7806C14.874 10.2388 16 8.75219 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 7.55228 8.44771 8 9 8C9.55228 8 10 7.55228 10 7ZM12.9991 11.006C12.999 11.0066 12.999 11.0069 12.9991 11.0069C12.9992 11.0069 12.9997 11.0056 12.9999 11.003C12.9994 11.0044 12.9992 11.0054 12.9991 11.006ZM22 17.5132C22 18.3343 21.3343 19 20.5132 19H3.48683C2.66568 19 2 18.3343 2 17.5132C2 16.8732 2.40952 16.305 3.01666 16.1026L8.83772 14.1623C10.8904 13.4781 13.1096 13.4781 15.1623 14.1623L20.9833 16.1026C21.5905 16.305 22 16.8732 22 17.5132Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/WardrobeFilled.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 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7C14 7.87376 13.4391 8.6191 12.6547 8.89066C11.9238 9.14372 11 9.84749 11 11V11.6908C10.0546 11.7699 9.11625 11.9613 8.20527 12.2649L2.3842 14.2053C0.960379 14.6799 0 16.0123 0 17.5132C0 19.4389 1.56111 21 3.48683 21H20.5132C22.4389 21 24 19.4389 24 17.5132C24 16.0123 23.0396 14.6799 21.6158 14.2053L15.7947 12.2649C14.8838 11.9613 13.9454 11.7699 13 11.6908V11.0027C13.0026 10.9952 13.0114 10.9774 13.0372 10.9489C13.0903 10.8901 13.186 10.8232 13.3091 10.7806C14.874 10.2388 16 8.75219 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 7.55228 8.44771 8 9 8C9.55229 8 10 7.55228 10 7ZM12.9991 11.006C12.999 11.0066 12.999 11.0069 12.9991 11.0069C12.9992 11.0069 12.9997 11.0056 12.9999 11.003C12.9994 11.0044 12.9992 11.0054 12.9991 11.006Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7C14 7.87376 13.4391 8.6191 12.6547 8.89066C11.9238 9.14372 11 9.84749 11 11V11.6908C10.0546 11.7699 9.11625 11.9613 8.20527 12.2649L2.3842 14.2053C0.960379 14.6799 0 16.0123 0 17.5132C0 19.4389 1.56111 21 3.48683 21H20.5132C22.4389 21 24 19.4389 24 17.5132C24 16.0123 23.0396 14.6799 21.6158 14.2053L15.7947 12.2649C14.8838 11.9613 13.9454 11.7699 13 11.6908V11.0027C13.0026 10.9952 13.0114 10.9774 13.0372 10.9489C13.0903 10.8901 13.186 10.8232 13.3091 10.7806C14.874 10.2388 16 8.75219 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 7.55228 8.44771 8 9 8C9.55228 8 10 7.55228 10 7ZM12.9991 11.006C12.999 11.0066 12.999 11.0069 12.9991 11.0069C12.9992 11.0069 12.9997 11.0056 12.9999 11.003C12.9994 11.0044 12.9992 11.0054 12.9991 11.006Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Warning.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 0C12.3788 0 12.725 0.214002 12.8944 0.552786L23.8944 22.5528C24.0494 22.8628 24.0329 23.2309 23.8507 23.5257C23.6684 23.8205 23.3466 24 23 24H1C0.653423 24 0.331557 23.8205 0.14935 23.5257C-0.0328564 23.2309 -0.0494204 22.8628 0.105574 22.5528L11.1056 0.552786C11.275 0.214002 11.6212 0 12 0ZM21.382 22L12 3.23607L2.61804 22H21.382ZM11 15V8H13V15H11ZM12 20C12.8284 20 13.5 19.3284 13.5 18.5C13.5 17.6716 12.8284 17 12 17C11.1716 17 10.5 17.6716 10.5 18.5C10.5 19.3284 11.1716 20 12 20Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C12.3788 0 12.725 0.214002 12.8944 0.552786L23.8944 22.5528C24.0494 22.8628 24.0329 23.2309 23.8507 23.5257C23.6684 23.8205 23.3466 24 23 24H1C0.653424 24 0.331558 23.8205 0.149351 23.5257C-0.0328557 23.2309 -0.0494197 22.8628 0.105575 22.5528L11.1056 0.552786C11.275 0.214002 11.6212 0 12 0ZM21.382 22L12 3.23607L2.61804 22H21.382ZM11 15V8H13V15H11ZM12 20C12.8284 20 13.5 19.3284 13.5 18.5C13.5 17.6716 12.8284 17 12 17C11.1716 17 10.5 17.6716 10.5 18.5C10.5 19.3284 11.1716 20 12 20Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/WarningFilled.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 0C12.3788 0 12.725 0.214002 12.8944 0.552786L23.8944 22.5528C24.0494 22.8628 24.0329 23.2309 23.8507 23.5257C23.6684 23.8205 23.3466 24 23 24H1C0.653423 24 0.331557 23.8205 0.14935 23.5257C-0.0328564 23.2309 -0.0494204 22.8628 0.105574 22.5528L11.1056 0.552786C11.275 0.214002 11.6212 0 12 0ZM11 15V8H13V15H11ZM13.5 18.5C13.5 19.3284 12.8284 20 12 20C11.1716 20 10.5 19.3284 10.5 18.5C10.5 17.6716 11.1716 17 12 17C12.8284 17 13.5 17.6716 13.5 18.5Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C12.3788 0 12.725 0.214002 12.8944 0.552786L23.8944 22.5528C24.0494 22.8628 24.0329 23.2309 23.8507 23.5257C23.6684 23.8205 23.3466 24 23 24H0.999999C0.653421 24 0.331555 23.8205 0.149348 23.5257C-0.0328586 23.2309 -0.0494226 22.8628 0.105572 22.5528L11.1056 0.552786C11.275 0.214002 11.6212 0 12 0ZM11 15V8H13V15H11ZM13.5 18.5C13.5 19.3284 12.8284 20 12 20C11.1716 20 10.5 19.3284 10.5 18.5C10.5 17.6716 11.1716 17 12 17C12.8284 17 13.5 17.6716 13.5 18.5Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/Wireless.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.456868 7.82899C-0.00681407 7.52876 -0.139481 6.90925 0.160549 6.44526C5.71753 -2.14842 18.2827 -2.14842 23.8397 6.44526C24.1397 6.90925 24.0071 7.52876 23.5434 7.82899C23.0797 8.12921 22.4606 7.99646 22.1605 7.53248C17.3917 0.157588 6.60855 0.157588 1.83969 7.53248C1.53966 7.99646 0.92055 8.12922 0.456868 7.82899ZM5.44541 10.8234C4.98588 10.5169 4.8617 9.8956 5.16806 9.43577C8.41819 4.55738 15.582 4.55738 18.8322 9.43577C19.1385 9.8956 19.0143 10.5169 18.5548 10.8234C18.0953 11.13 17.4744 11.0057 17.1681 10.5459C14.7096 6.85575 9.29065 6.85575 6.83216 10.5459C6.5258 11.0057 5.90493 11.13 5.44541 10.8234ZM13 13.9935C13 14.5456 12.553 14.9934 12.0014 14.9941L12 14.9941L11.9986 14.9941C11.447 14.9934 11 14.5456 11 13.9935C11 13.4408 11.4477 12.9928 12 12.9928C12.5523 12.9928 13 13.4408 13 13.9935ZM15 13.9935C15 15.3005 14.1652 16.4125 13 16.8246V21.9987H16C16.5523 21.9987 17 22.4467 17 22.9993C17 23.552 16.5523 24 16 24H13H11H8C7.44772 24 7 23.552 7 22.9993C7 22.4467 7.44771 21.9987 8 21.9987H11V16.8246C9.83481 16.4125 9 15.3005 9 13.9935C9 12.3355 10.3431 10.9915 12 10.9915C13.6569 10.9915 15 12.3355 15 13.9935Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.456868 7.82899C-0.00681411 7.52876 -0.139481 6.90925 0.160549 6.44526C5.71753 -2.14842 18.2827 -2.14842 23.8397 6.44526C24.1397 6.90925 24.0071 7.52876 23.5434 7.82899C23.0797 8.12921 22.4606 7.99646 22.1605 7.53248C17.3917 0.157588 6.60855 0.157588 1.83969 7.53248C1.53966 7.99646 0.920549 8.12922 0.456868 7.82899ZM5.44541 10.8234C4.98588 10.5169 4.8617 9.8956 5.16806 9.43577C8.41819 4.55738 15.582 4.55738 18.8322 9.43577C19.1385 9.8956 19.0143 10.5169 18.5548 10.8234C18.0953 11.13 17.4744 11.0057 17.1681 10.5459C14.7096 6.85575 9.29065 6.85575 6.83216 10.5459C6.5258 11.0057 5.90493 11.13 5.44541 10.8234ZM13 13.9935C13 14.5456 12.553 14.9934 12.0014 14.9941L12 14.9941L11.9986 14.9941C11.447 14.9934 11 14.5456 11 13.9935C11 13.4408 11.4477 12.9928 12 12.9928C12.5523 12.9928 13 13.4408 13 13.9935ZM15 13.9935C15 15.3005 14.1652 16.4125 13 16.8246V21.9987H16C16.5523 21.9987 17 22.4467 17 22.9993C17 23.552 16.5523 24 16 24H13H11H8C7.44772 24 7 23.552 7 22.9993C7 22.4467 7.44771 21.9987 8 21.9987H11V16.8246C9.83481 16.4125 9 15.3005 9 13.9935C9 12.3355 10.3431 10.9915 12 10.9915C13.6569 10.9915 15 12.3355 15 13.9935Z" fill="#262626"/>
 </svg>

@navikt/core/icons/svg/WirelessFilled.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="M1.04931 9.73645C0.0776508 9.21039 -0.284258 7.99501 0.240962 7.02182C5.29372 -2.3406 18.7061 -2.34061 23.7588 7.02181C24.2841 7.99501 23.9221 9.21039 22.9505 9.73645C21.9788 10.2625 20.7654 9.90002 20.2401 8.92682C16.6994 2.36596 7.30044 2.36596 3.75965 8.92682C3.23442 9.90002 2.02097 10.2625 1.04931 9.73645ZM6.02883 12.73C5.0633 12.1927 4.71543 10.9732 5.25184 10.0062C8.193 4.70368 15.8068 4.70368 18.7479 10.0062C19.2843 10.9732 18.9364 12.1927 17.9709 12.73C17.0054 13.2672 15.7878 12.9188 15.2514 11.9517C13.8342 9.39672 10.1655 9.39672 8.74832 11.9517C8.21192 12.9188 6.99436 13.2672 6.02883 12.73ZM13.9999 13.9836C13.9999 14.725 13.5977 15.3723 13 15.7187V21.9959H15.9998C16.5521 21.9959 16.9998 22.4443 16.9998 22.9975C16.9998 23.5506 16.5521 23.999 15.9998 23.999H13H11H8.00016C7.4479 23.999 7.0002 23.5506 7.0002 22.9975C7.0002 22.4443 7.4479 21.9959 8.00016 21.9959H11V15.7187C10.4023 15.3723 10.0001 14.725 10.0001 13.9836C10.0001 12.8773 10.8955 11.9805 12 11.9805C13.1045 11.9805 13.9999 12.8773 13.9999 13.9836Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.04931 9.73645C0.0776508 9.2104 -0.284258 7.99502 0.240962 7.02182C5.29372 -2.3406 18.7061 -2.3406 23.7588 7.02182C24.2841 7.99502 23.9221 9.2104 22.9505 9.73645C21.9788 10.2625 20.7654 9.90002 20.2401 8.92682C16.6994 2.36597 7.30044 2.36597 3.75965 8.92682C3.23442 9.90002 2.02097 10.2625 1.04931 9.73645ZM6.02883 12.73C5.0633 12.1927 4.71543 10.9732 5.25184 10.0062C8.193 4.70368 15.8068 4.70368 18.7479 10.0062C19.2843 10.9732 18.9364 12.1927 17.9709 12.73C17.0054 13.2672 15.7878 12.9188 15.2514 11.9517C13.8342 9.39673 10.1655 9.39673 8.74832 11.9517C8.21192 12.9188 6.99436 13.2672 6.02883 12.73ZM13.9999 13.9836C13.9999 14.725 13.5977 15.3723 13 15.7187V21.9959H15.9998C16.5521 21.9959 16.9998 22.4443 16.9998 22.9975C16.9998 23.5506 16.5521 23.999 15.9998 23.999H13H11H8.00016C7.4479 23.999 7.0002 23.5506 7.0002 22.9975C7.0002 22.4443 7.4479 21.9959 8.00016 21.9959H11V15.7187C10.4023 15.3723 10.0001 14.725 10.0001 13.9836C10.0001 12.8773 10.8955 11.9805 12 11.9805C13.1045 11.9805 13.9999 12.8773 13.9999 13.9836Z" fill="#262626"/>
 </svg>

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "0.19.3",
+  "version": "0.19.14",
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
   "license": "MIT",
@@ -11,7 +11,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler/tree/master/%40navikt/ds-react"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
   },
   "sideEffects": false,
   "main": "./cjs/index.js",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "0.6.0",
     "@material-ui/core": "^4.12.3",
-    "@navikt/ds-icons": "^0.8.15",
+    "@navikt/ds-icons": "^0.8.17",
     "@popperjs/core": "^2.10.1",
     "@radix-ui/react-tabs": "0.1.5",
     "@radix-ui/react-toggle-group": "0.1.5",

@navikt/core/react/src/alert/Alert.tsx

@@ -1,8 +1,8 @@
 import {
-  ErrorFilled,
-  InformationFilled,
-  SuccessFilled,
-  WarningFilled,
+  ErrorColored,
+  InformationColored,
+  SuccessColored,
+  WarningColored,
 } from "@navikt/ds-icons";
 import cl from "classnames";
 import React, { forwardRef } from "react";
@@ -37,13 +37,13 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
 const Icon = ({ variant, ...props }) => {
   switch (variant) {
     case "error":
-      return <ErrorFilled title="Feil" {...props} />;
+      return <ErrorColored title="Feil" {...props} />;
     case "warning":
-      return <WarningFilled title="Advarsel" {...props} />;
+      return <WarningColored title="Advarsel" {...props} />;
     case "info":
-      return <InformationFilled title="Informasjon" {...props} />;
+      return <InformationColored title="Informasjon" {...props} />;
     case "success":
-      return <SuccessFilled title="Suksess" {...props} />;
+      return <SuccessColored title="Suksess" {...props} />;
     default:
       return null;
   }

@navikt/core/react/src/alert/alert.stories.tsx

@@ -5,6 +5,15 @@ import { BodyLong, Heading as DsHeading } from "..";
 export default {
   title: "ds-react/Alert",
   component: Alert,
+  argTypes: {
+    variant: {
+      defaultValue: "info",
+      control: {
+        type: "radio",
+        options: ["error", "warning", "info", "success"],
+      },
+    },
+  },
 };
 
 const variants: Array<"error" | "warning" | "info" | "success"> = [
@@ -26,7 +35,6 @@ export const Default = (props) => (
 );
 
 Default.args = {
-  variant: "info",
   children: "Id elit esse enim reprehenderit enim nisi veniam nostrud.",
 };
 

@navikt/core/react/src/button/button.stories.tsx

@@ -74,6 +74,16 @@ export const XSmall = () => (
   </div>
 );
 
+export const Link = () => (
+  <div className="rowgap">
+    {variants.map((variant) => (
+      <Button key={variant} variant={variant} as="a" href="#thecakeisalie">
+        {varSwitch[variant]}
+      </Button>
+    ))}
+  </div>
+);
+
 export const Loading = () => (
   <div className="colgap">
     <div className="rowgap">
@@ -105,21 +115,24 @@ export const Icon = () => (
     <div className="rowgap">
       {variants.map((variant) => (
         <Button key={variant} variant={variant}>
-          <Star />
+          <Star aria-hidden />
+          <span className="navds-sr-only">Stjerne</span>
         </Button>
       ))}
     </div>
     <div className="rowgap">
       {variants.map((variant) => (
         <Button key={variant} variant={variant} size="small">
-          <Star />
+          <Star aria-hidden />
+          <span className="navds-sr-only">Stjerne</span>
         </Button>
       ))}
     </div>
     <div className="rowgap">
       {variants.map((variant) => (
         <Button key={variant} variant={variant} size="xsmall">
-          <Star />
+          <Star aria-hidden />
+          <span className="navds-sr-only">Stjerne</span>
         </Button>
       ))}
     </div>
@@ -131,39 +144,29 @@ export const IconWText = () => (
     <div className="rowgap">
       {variants.map((variant) => (
         <Button key={variant} variant={variant}>
-          <Star />
+          <Star aria-hidden />
           {varSwitch[variant]}
-          <Star />
+          <Star aria-hidden />
         </Button>
       ))}
     </div>
     <div className="rowgap">
       {variants.map((variant) => (
         <Button key={variant} variant={variant} size="small">
-          <Star />
+          <Star aria-hidden />
           {varSwitch[variant]}
-          <Star />
+          <Star aria-hidden />
         </Button>
       ))}
     </div>
     <div className="rowgap">
       {variants.map((variant) => (
         <Button key={variant} variant={variant} size="xsmall">
-          <Star />
+          <Star aria-hidden />
           {varSwitch[variant]}
-          <Star />
+          <Star aria-hidden />
         </Button>
       ))}
     </div>
   </div>
 );
-
-export const Link = () => (
-  <div className="rowgap">
-    {variants.map((variant) => (
-      <Button key={variant} variant={variant} as="a" href="#thecakeisalie">
-        {varSwitch[variant]}
-      </Button>
-    ))}
-  </div>
-);

@navikt/core/react/src/form/ConfirmationPanel.tsx

@@ -1,7 +1,6 @@
 import React, { forwardRef } from "react";
 import cl from "classnames";
-import { BodyLong, Checkbox, CheckboxProps } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyLong, Checkbox, CheckboxProps, ErrorMessage } from "..";
 import { useFormField } from "./useFormField";
 
 export interface ConfirmationPanelProps
@@ -58,7 +57,12 @@ export const ConfirmationPanel = forwardRef<
           {label}
         </Checkbox>
       </div>
-      <div id={errorId} aria-relevant="additions removals" aria-live="polite">
+      <div
+        className="navds-form-field__error"
+        id={errorId}
+        aria-relevant="additions removals"
+        aria-live="polite"
+      >
         {showErrorMsg && <ErrorMessage size={size}>{props.error}</ErrorMessage>}
       </div>
     </div>

@navikt/core/react/src/form/ErrorMessage.tsx

@@ -1,17 +0,0 @@
-import React from "react";
-import cl from "classnames";
-import { Label } from "..";
-
-const ErrorMessage = (props) => (
-  <Label
-    {...props}
-    as="div"
-    className={cl(
-      "navds-error-message",
-      props.className,
-      `navds-error-message--${props.size ?? "medium"}`
-    )}
-  />
-);
-
-export default ErrorMessage;

@navikt/core/react/src/form/Fieldset/Fieldset.tsx

@@ -1,7 +1,6 @@
 import cl from "classnames";
 import React, { FieldsetHTMLAttributes, forwardRef, useContext } from "react";
-import { BodyShort, Detail, Label, omit } from "../..";
-import ErrorMessage from "../ErrorMessage";
+import { BodyShort, Detail, Label, ErrorMessage, omit } from "../..";
 import { FormFieldProps } from "../useFormField";
 import { useFieldset } from "./useFieldset";
 

@navikt/core/react/src/form/Select.tsx

@@ -1,8 +1,7 @@
 import React, { forwardRef, SelectHTMLAttributes } from "react";
 import cl from "classnames";
 import { Expand } from "@navikt/ds-icons";
-import { BodyShort, Label, omit } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyShort, Label, ErrorMessage, omit, Detail } from "..";
 import { FormFieldProps, useFormField } from "./useFormField";
 
 export interface SelectProps
@@ -54,8 +53,8 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>(
           "navds-form-field",
           `navds-form-field--${size}`,
           {
+            "navds-form-field--disabled": !!inputProps.disabled,
             "navds-select--error": hasError,
-            "navds-select--disabled": !!inputProps.disabled,
           }
         )}
       >
@@ -63,23 +62,38 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>(
           htmlFor={inputProps.id}
           size={size}
           as="label"
-          className={cl("navds-select__label", {
+          className={cl("navds-form-field__label", {
             "navds-sr-only": hideLabel,
           })}
         >
           {label}
         </Label>
         {!!description && (
-          <BodyShort
-            as="div"
-            className={cl("navds-select__description", {
-              "navds-sr-only": hideLabel,
-            })}
-            id={inputDescriptionId}
-            size={size}
-          >
-            {description}
-          </BodyShort>
+          <>
+            {size === "medium" ? (
+              <BodyShort
+                className={cl("navds-form-field__description", {
+                  "navds-sr-only": hideLabel,
+                })}
+                id={inputDescriptionId}
+                size="small"
+                as="div"
+              >
+                {description}
+              </BodyShort>
+            ) : (
+              <Detail
+                className={cl("navds-form-field__description", {
+                  "navds-sr-only": hideLabel,
+                })}
+                id={inputDescriptionId}
+                size="small"
+                as="div"
+              >
+                {description}
+              </Detail>
+            )}
+          </>
         )}
         <div className="navds-select__container">
           <select
@@ -97,7 +111,12 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>(
           </select>
           <Expand className="navds-select__chevron" aria-hidden />
         </div>
-        <div id={errorId} aria-relevant="additions removals" aria-live="polite">
+        <div
+          className="navds-form-field__error"
+          id={errorId}
+          aria-relevant="additions removals"
+          aria-live="polite"
+        >
           {showErrorMsg && (
             <ErrorMessage size={size}>{props.error}</ErrorMessage>
           )}

@navikt/core/react/src/form/TextField.tsx

@@ -1,7 +1,6 @@
 import React, { forwardRef, InputHTMLAttributes } from "react";
 import cl from "classnames";
-import { BodyShort, Detail, Label, omit } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyShort, Detail, Label, ErrorMessage, omit } from "..";
 import { FormFieldProps, useFormField } from "./useFormField";
 
 export interface TextFieldProps
@@ -64,6 +63,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           {
             "navds-text-field--error": hasError,
             "navds-text-field--disabled": !!inputProps.disabled,
+            "navds-form-field--disabled": !!inputProps.disabled,
           }
         )}
       >
@@ -71,7 +71,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           htmlFor={inputProps.id}
           size={size}
           as="label"
-          className={cl("navds-text-field__label", {
+          className={cl("navds-form-field__label", {
             "navds-sr-only": hideLabel,
           })}
         >
@@ -82,7 +82,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           <>
             {size === "medium" ? (
               <BodyShort
-                className={cl("navds-text-field__description", {
+                className={cl("navds-form-field__description", {
                   "navds-sr-only": hideLabel,
                 })}
                 id={inputDescriptionId}
@@ -93,7 +93,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
               </BodyShort>
             ) : (
               <Detail
-                className={cl("navds-text-field__description", {
+                className={cl("navds-form-field__description", {
                   "navds-sr-only": hideLabel,
                 })}
                 id={inputDescriptionId}
@@ -117,7 +117,12 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           )}
           size={htmlSize}
         />
-        <div id={errorId} aria-relevant="additions removals" aria-live="polite">
+        <div
+          className="navds-form-field__error"
+          id={errorId}
+          aria-relevant="additions removals"
+          aria-live="polite"
+        >
           {showErrorMsg && (
             <ErrorMessage size={size}>{props.error}</ErrorMessage>
           )}

@navikt/core/react/src/form/Textarea.tsx

@@ -1,8 +1,7 @@
 import React, { forwardRef, useState } from "react";
 import cl from "classnames";
 import TextareaAutosize from "@material-ui/core/TextareaAutosize";
-import { BodyShort, Label, omit } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyShort, Label, ErrorMessage, omit, Detail } from "..";
 import { FormFieldProps, useFormField } from "./useFormField";
 import { useId } from "..";
 
@@ -42,6 +41,10 @@ export interface TextareaProps
    * If enabled shows the label and description for screenreaders only
    */
   hideLabel?: boolean;
+  /**
+   * Enables resizing of field
+   */
+  resize?: boolean;
 }
 
 export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
@@ -61,6 +64,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
       description,
       maxLength,
       hideLabel = false,
+      resize,
       ...rest
     } = props;
 
@@ -71,6 +75,14 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
       props?.defaultValue ?? ""
     );
 
+    const getMinRows = () => {
+      let rows = rest?.minRows && rest?.minRows >= 3 ? rest?.minRows : 3;
+      if (size === "small") {
+        rows = rest?.minRows && rest?.minRows >= 2 ? rest?.minRows : 2;
+      }
+      return rows;
+    };
+
     return (
       <div
         className={cl(
@@ -78,8 +90,9 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
           "navds-form-field",
           `navds-form-field--${size}`,
           {
+            "navds-form-field--disabled": !!inputProps.disabled,
             "navds-textarea--error": hasError,
-            "navds-textarea--disabled": !!inputProps.disabled,
+            "navds-textarea--resize": resize,
           }
         )}
       >
@@ -87,23 +100,38 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
           htmlFor={inputProps.id}
           size={size}
           as="label"
-          className={cl("navds-textarea__label", {
+          className={cl("navds-form-field__label", {
             "navds-sr-only": hideLabel,
           })}
         >
           {label}
         </Label>
         {!!description && (
-          <BodyShort
-            as="div"
-            className={cl("navds-textarea__description", {
-              "navds-sr-only": hideLabel,
-            })}
-            id={inputDescriptionId}
-            size={size}
-          >
-            {description}
-          </BodyShort>
+          <>
+            {size === "medium" ? (
+              <BodyShort
+                className={cl("navds-form-field__description", {
+                  "navds-sr-only": hideLabel,
+                })}
+                id={inputDescriptionId}
+                size="small"
+                as="div"
+              >
+                {description}
+              </BodyShort>
+            ) : (
+              <Detail
+                className={cl("navds-form-field__description", {
+                  "navds-sr-only": hideLabel,
+                })}
+                id={inputDescriptionId}
+                size="small"
+                as="div"
+              >
+                {description}
+              </Detail>
+            )}
+          </>
         )}
         <div className="navds-textarea__wrapper">
           <TextareaAutosize
@@ -114,6 +142,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
                 ? props.onChange(e)
                 : setControlledValue(e.target.value)
             }
+            minRows={getMinRows()}
             ref={ref}
             className={cl(
               "navds-textarea__input",
@@ -130,8 +159,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
           {hasMaxLength && (
             <>
               <span id={maxLengthId} className="navds-sr-only">
-                Tekstområde med plass til {maxLength} tegn., Textarea can have{" "}
-                {maxLength} signs.
+                Tekstområde med plass til {maxLength} tegn.
               </span>
               <Counter
                 maxLength={maxLength}
@@ -141,7 +169,12 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
             </>
           )}
         </div>
-        <div id={errorId} aria-relevant="additions removals" aria-live="polite">
+        <div
+          className="navds-form-field__error"
+          id={errorId}
+          aria-relevant="additions removals"
+          aria-live="polite"
+        >
           {showErrorMsg && (
             <ErrorMessage size={size}>{props.error}</ErrorMessage>
           )}
@@ -163,8 +196,8 @@ export const Counter = ({ maxLength, currentLength, size }) => {
       size={size}
     >
       {difference < 0
-        ? `Du har ${Math.abs(difference)} tegn for mye`
-        : `Du har ${difference} tegn igjen`}
+        ? `Antall tegn for mye ${Math.abs(difference)}`
+        : `Antall tegn igjen ${difference}`}
     </BodyShort>
   );
 };

@navikt/core/react/src/form/error-summary/ErrorSummary.tsx

@@ -2,6 +2,7 @@ import React, { forwardRef, HTMLAttributes } from "react";
 import cl from "classnames";
 import { Heading, BodyShort } from "../..";
 import ErrorSummaryItem, { ErrorSummaryItemType } from "./ErrorSummaryItem";
+import { useId } from "../../util";
 
 export interface ErrorSummaryProps extends HTMLAttributes<HTMLDivElement> {
   /**
@@ -43,8 +44,10 @@ export const ErrorSummary = forwardRef<HTMLDivElement, ErrorSummaryProps>(
     },
     ref
   ) => {
+    const headingId = useId();
+
     return (
-      <div
+      <section
         ref={ref}
         {...rest}
         className={cl(
@@ -53,12 +56,15 @@ export const ErrorSummary = forwardRef<HTMLDivElement, ErrorSummaryProps>(
           `navds-error-summary--${size}`
         )}
         tabIndex={-1}
-        role="region"
+        aria-live="polite"
+        aria-relevant="all"
+        aria-labelledby={`error-summary-${headingId}`}
       >
         <Heading
           className="navds-error-summary__heading"
           as={headingTag}
           size="small"
+          id={`error-summary-${headingId}`}
         >
           {heading}
         </Heading>
@@ -67,7 +73,7 @@ export const ErrorSummary = forwardRef<HTMLDivElement, ErrorSummaryProps>(
             return <li key={child?.toString()}>{child}</li>;
           })}
         </BodyShort>
-      </div>
+      </section>
     );
   }
 ) as ErrorSummaryComponent;

@navikt/core/react/src/form/search/Search.tsx

@@ -78,10 +78,11 @@ export const SearchContext = React.createContext<SearchContextProps | null>(
 
 export const Search = forwardRef<HTMLInputElement, SearchProps>(
   (props, ref) => {
-    const { inputProps, size = "medium", inputDescriptionId } = useSearch(
-      props,
-      "searchfield"
-    );
+    const {
+      inputProps,
+      size = "medium",
+      inputDescriptionId,
+    } = useSearch(props, "searchfield");
 
     const {
       className,
@@ -153,7 +154,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(
           htmlFor={inputProps.id}
           size={size}
           as="label"
-          className={cl("navds-text-field__label", {
+          className={cl("navds-form-field__label", {
             "navds-sr-only": hideLabel,
           })}
         >
@@ -162,7 +163,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(
         {!!description && (
           <BodyShort
             as="div"
-            className={cl("navds-text-field__description", {
+            className={cl("navds-form-field__description", {
               "navds-sr-only": hideLabel,
             })}
             id={inputDescriptionId}

@navikt/core/react/src/form/stories/fieldset.stories.tsx

@@ -61,8 +61,14 @@ export const Description = () => (
     legend="Mollit eiusmod"
     description="Esse cupidatat reprehenderit est culpa consectetur sit dolor esse."
   >
-    <TextField label="Textfield label" hideLabel />
-    <TextField label="Textfield label" hideLabel />
+    <TextField
+      label="Textfield label"
+      description="Amet quis cillum incididunt "
+    />
+    <TextField
+      label="Textfield label"
+      description="Enim et occaecat voluptate labore sit do exercitation laborum non "
+    />
   </Fieldset>
 );
 

@navikt/core/react/src/form/stories/textarea.stories.tsx

@@ -23,6 +23,12 @@ export default {
     disabled: {
       type: "boolean",
     },
+    maxRows: {
+      type: "number",
+    },
+    minRows: {
+      type: "number",
+    },
   },
 } as Meta;
 
@@ -38,6 +44,7 @@ export const Default = (props) => {
 
 Default.args = {
   maxLength: 100,
+  resize: false,
 };
 
 export const Small = () => {
@@ -109,3 +116,7 @@ export const MaxRows = () => {
     />
   );
 };
+
+export const Resize = () => {
+  return <Textarea resize label="Ipsum enim quis culpa" />;
+};

@navikt/core/react/src/guide-panel/guidepanel.stories.tsx

@@ -0,0 +1,51 @@
+import React from "react";
+import { GuidePanel } from "../index";
+import { Meta } from "@storybook/react/types-6-0";
+export default {
+  title: "ds-react/GuidePanel",
+  component: GuidePanel,
+} as Meta;
+
+const panelText = `Sit sint eu dolore reprehenderit exercitation labore aute anim sit
+adipisicing proident. Tempor ipsum ea cupidatat qui esse do veniam
+cupidatat. Excepteur irure reprehenderit esse tempor nisi duis qui ea
+enim id.`;
+
+export const Default = (props) => {
+  const newProps = props?.colorOverride
+    ? {
+        style: {
+          ["--navds-guide-panel-color-illustration-background" as any]:
+            "var(--navds-global-color-purple-200)",
+          ["--navds-guide-panel-color-border" as any]:
+            "var(--navds-global-color-purple-400)",
+        },
+      }
+    : {};
+
+  return (
+    <GuidePanel {...newProps} poster={props?.poster}>
+      {panelText}
+    </GuidePanel>
+  );
+};
+
+Default.args = {
+  poster: false,
+  colorOverride: false,
+};
+
+export const Poster = () => <GuidePanel poster>{panelText}</GuidePanel>;
+
+export const ColorOverride = () => (
+  <GuidePanel
+    style={{
+      ["--navds-guide-panel-color-illustration-background" as any]:
+        "var(--navds-global-color-purple-200)",
+      ["--navds-guide-panel-color-border" as any]:
+        "var(--navds-global-color-purple-400)",
+    }}
+  >
+    {panelText}
+  </GuidePanel>
+);

@navikt/core/react/src/guide-panel/stories/example.css

@@ -1,13 +0,0 @@
-.sb-guidepanel__tokens--purple {
-  --navds-guide-panel-color-border: var(--navds-global-color-purple-400);
-  --navds-guide-panel-color-illustration-background: var(
-    --navds-global-color-purple-200
-  );
-}
-
-.sb-guidepanel__tokens--green {
-  --navds-guide-panel-color-border: var(--navds-global-color-green-400);
-  --navds-guide-panel-color-illustration-background: var(
-    --navds-global-color-green-200
-  );
-}