Version Packages (#2401)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.changeset/config.json

@@ -20,7 +20,7 @@
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["shadow-dom", "aksel.nav.no", "aksel-icons-figma-plugin"],
+  "ignore": ["aksel.nav.no", "aksel-icons-figma-plugin"],
 
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "updateInternalDependents": "always"

.eslintrc.js

@@ -0,0 +1,97 @@
+// TODO: Convert to new format: https://eslint.org/docs/latest/use/configure/migration-guide
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    //"plugin:react/jsx-runtime", // Not sure if this will cause problems for projects not using the new JSX transform
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "plugin:storybook/recommended",
+    // TODO: Look into opinionated stylistic plugin
+    // TODO: Replace @typescript-eslint/recommended with @typescript-eslint/recommended-type-checked
+  ],
+  settings: { react: { version: "detect" } },
+  rules: {
+    "import/no-unresolved": "off",
+    "react/jsx-curly-brace-presence": [
+      "error",
+      { propElementValues: "always" },
+    ],
+    "array-callback-return": "error",
+    "object-shorthand": "error",
+    // TODO: Consider adding the rule "id-length"
+    // Temporary:
+    "react/prop-types": "off",
+    "react/display-name": "off",
+    "import/no-named-as-default": "off",
+    // "import/no-cycle": [1],
+  },
+  reportUnusedDisableDirectives: true,
+  overrides: [
+    {
+      files: ["**/*.ts?(x)"],
+      extends: ["plugin:@typescript-eslint/recommended"],
+      rules: {
+        "@typescript-eslint/no-shadow": ["error", { hoist: "all" }], // TODO: Consider { builtinGlobals: true }
+        "@typescript-eslint/no-explicit-any": "off", // Temporary
+      },
+    },
+    {
+      files: ["**/*.test.*", "**/__tests__/*"],
+      extends: ["plugin:jest/recommended", "plugin:testing-library/react"],
+    },
+    {
+      files: ["aksel.nav.no/website/**"],
+      env: {
+        browser: true,
+        es2021: true,
+      },
+      extends: ["plugin:@next/next/recommended"],
+      parser: "@typescript-eslint/parser",
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        ecmaVersion: 12,
+        sourceType: "module",
+      },
+      rules: {
+        "react/no-unknown-property": [2, { ignore: ["jsx", "global"] }],
+        "react/react-in-jsx-scope": "off",
+        "@next/next/no-html-link-for-pages": [
+          "error",
+          "aksel.nav.no/website/pages/",
+        ],
+        "@typescript-eslint/ban-ts-comment": "off", // Temporary
+      },
+    },
+    {
+      files: ["aksel.nav.no/website/pages/eksempler/**"],
+      rules: {
+        "jsx-a11y/anchor-is-valid": "off",
+      },
+    },
+  ],
+  globals: {
+    Locale: "readonly",
+    JSX: "readonly",
+  },
+  ignorePatterns: [
+    "node_modules",
+    "lib",
+    "public",
+    "examples",
+    "esm",
+    "cjs",
+    "dist",
+    "**/codemod/**/*.js",
+    "!.storybook",
+  ],
+};

.github/workflows/aksel-dev.yml

@@ -16,7 +16,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |

.github/workflows/aksel-prod.yml

@@ -16,7 +16,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |
@@ -51,7 +51,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |

.github/workflows/aksel-redeploy.yml

@@ -21,7 +21,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: Login to GitHub Container Registry
         uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a # Use commit-sha1 instead of tag for security concerns

.github/workflows/backup-sanity.yml

@@ -13,7 +13,7 @@ jobs:
           fetch-depth: 0 # Required to retrieve git history
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: "20"
 
       - name: Restore cache
         uses: actions/cache@v3

.github/workflows/chromatic.yml

@@ -15,6 +15,10 @@ jobs:
   visual_regression_test:
     name: "visual regression test (chromatic)"
     runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+      contents: write
     steps:
       - uses: actions/checkout@v3
         with:
@@ -22,7 +26,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: "20"
           cache: yarn
 
       - name: Restore cache
@@ -54,7 +58,7 @@ jobs:
 
       - name: replace storybook url
         if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: frabert/replace-string-action@v2.0
+        uses: frabert/replace-string-action@v2
         id: storybook_url
         with:
           pattern: "(iframe.html)"
@@ -70,7 +74,7 @@ jobs:
 
       - name: Find Comment
         if: "!contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'"
-        uses: peter-evans/find-comment@v1
+        uses: peter-evans/find-comment@v2
         id: fc
         with:
           issue-number: ${{ github.event.pull_request.number }}
@@ -79,7 +83,7 @@ jobs:
 
       - name: Create or update comment
         if: steps.chromatic_tests.outcome == 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
-        uses: peter-evans/create-or-update-comment@v1
+        uses: peter-evans/create-or-update-comment@v3
         with:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
@@ -91,7 +95,7 @@ jobs:
 
       - name: Create or update failed comment
         if: steps.chromatic_tests.outcome != 'success' && !contains(github.event.head_commit.message, '[ci skip]') && github.event_name != 'push'
-        uses: peter-evans/create-or-update-comment@v1
+        uses: peter-evans/create-or-update-comment@v3
         with:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}

.github/workflows/ci.yml

@@ -13,6 +13,8 @@ jobs:
     name: "Validate build"
     if: "!contains(github.event.head_commit.message, '[ci skip]')"
     runs-on: ubuntu-latest
+    permissions:
+      pull-requests: "write"
     steps:
       - uses: actions/checkout@v3
         with:
@@ -20,7 +22,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: "20"
           cache: yarn
 
       - name: Restore cache

.github/workflows/e2e.yml

@@ -18,7 +18,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: "20"
 
       - name: add tokens to .env
         run: |

.github/workflows/release.yml

@@ -25,7 +25,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: "20"
           cache: yarn
 
       - uses: denoland/setup-deno@v1

.github/workflows/smoketest.yml

@@ -18,7 +18,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
       - uses: actions/checkout@v3
       - name: add tokens to .env
         run: |

.storybook/preview.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 import "@navikt/ds-css/index.css";
 import "./layout.css";
 
@@ -5,7 +6,13 @@ export const parameters = {
   options: {
     storySort: {
       method: "alphabetical",
-      order: ["Intro", "ds-react", ["form"], ["Default"], "ds-icons"],
+      order: [
+        "Getting started",
+        "ds-react",
+        ["Primitives"],
+        ["Default"],
+        "Aksel-icons",
+      ],
     },
   },
   layout: "centered",

@navikt/aksel-icons/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @navikt/aksel-icons
 
+## 5.7.4
+
+## 5.7.3
+
+## 5.7.2
+
+## 5.7.1
+
+## 5.7.0
+
+### Minor Changes
+
+- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365))
+
+## 5.6.5
+
+## 5.6.4
+
+## 5.6.3
+
+## 5.6.2
+
+## 5.6.1
+
+## 5.6.0
+
+### Minor Changes
+
+- Ikoner: SVG export setter nå `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300))
+
+- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313))
+
+### Patch Changes
+
+- Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307))
+
+## 5.5.0
+
+## 5.4.1
+
+## 5.4.0
+
+## 5.3.5
+
+## 5.3.4
+
+### Patch Changes
+
+- :bug: SVG import map er nå riktig path ([#2250](https://github.com/navikt/aksel/pull/2250))
+
+## 5.3.3
+
+## 5.3.2
+
+## 5.3.1
+
+## 5.3.0
+
+## 5.2.1
+
 ## 5.2.0
 
 ### Minor Changes

@navikt/aksel-icons/__tests__/validate-svg-parsing.mjs

@@ -0,0 +1,34 @@
+import { parseIcon } from "../config/parse-svg";
+
+describe(`SVG should be correctly parsed`, () => {
+  const simpleSvg = `<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="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+  </svg>
+  `;
+
+  const simpleSvgResult = `<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+  </svg>
+  `;
+
+  const advancedSvg = `<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="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="#23262A"/>
+  </svg>
+  `;
+
+  const advancedSvgResult = `<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="18.1559 9.81056 17.4392Z" fill="currentColor"/>
+  </svg>
+  `;
+
+  it("a", () => {
+    expect(parseIcon(simpleSvg)).toEqual(simpleSvgResult);
+    expect(parseIcon(advancedSvg)).toEqual(advancedSvgResult);
+  });
+});

@navikt/aksel-icons/config/parse-svg.js

@@ -0,0 +1,42 @@
+const fastglob = require("fast-glob");
+const path = require("path");
+const {
+  existsSync,
+  readFileSync,
+  mkdirSync,
+  rmSync,
+  writeFileSync,
+} = require("fs");
+
+function main() {
+  const basePath = path.resolve(__dirname, "../icons");
+  const iconFolder = path.resolve(__dirname, "../dist/svg");
+
+  const svgList = fastglob.sync("*.svg", { cwd: basePath });
+
+  if (existsSync(iconFolder)) {
+    rmSync(iconFolder, { recursive: true, force: true });
+  }
+  mkdirSync(iconFolder);
+
+  svgList.forEach((svg) => {
+    const icon = readFileSync(`${basePath}/${svg}`).toString();
+    writeFileSync(`${iconFolder}/${svg}`, parseIcon(icon));
+  });
+}
+
+/**
+ *
+ * @param {string} SVG-string
+ * @returns {string} Parsed SVG-string
+ */
+function parseIcon(svgString) {
+  let icon = svgString;
+  icon = icon.replace(`width="24"`, `width="1em"`);
+  icon = icon.replace(`height="24"`, `height="1em"`);
+  icon = icon.replaceAll(`#23262A`, `currentColor`);
+
+  return icon;
+}
+
+module.exports = { parseIcon, main };

@navikt/aksel-icons/figma-plugin/package.json

@@ -25,9 +25,9 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^3.1.0",
-    "postcss": "^8.4.0",
+    "postcss": "^8.4.31",
     "postcss-url": "^10.1.3",
-    "typescript": "^4.8.0",
+    "typescript": "^5.1.6",
     "vite": "^4.2.0",
     "vite-plugin-singlefile": "^0.13.3",
     "vite-plugin-svgr": "^2.4.0"

@navikt/aksel-icons/figma-plugin/scripts/vite/vite-inline-svg.ts

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-anonymous-default-export */
 import fs from "fs";
 import { Plugin } from "vite";
 

@navikt/aksel-icons/figma-plugin/src/common/network/init.ts

@@ -1,21 +0,0 @@
-/* eslint-disable no-restricted-globals */
-/* eslint-disable no-undef */
-import * as Networker from "monorepo-networker";
-import { NetworkMessages } from "@common/network/messages";
-import { NetworkSide } from "@common/network/sides";
-
-export const initializeNetwork = Networker.createInitializer({
-  messagesRegistry: NetworkMessages.registry,
-
-  initTransports: function (register) {
-    register(NetworkSide.PLUGIN, NetworkSide.UI, (message) => {
-      // @ts-ignore
-      figma.ui.postMessage(message);
-    });
-
-    register(NetworkSide.UI, NetworkSide.PLUGIN, (message) => {
-      // @ts-ignore
-      parent.postMessage({ pluginMessage: message }, "*");
-    });
-  },
-});

@navikt/aksel-icons/figma-plugin/src/common/network/messages.ts

@@ -1,21 +0,0 @@
-import { CreateRectMessage } from "@common/network/messages/CreateRectMessage";
-import { HelloMessage } from "@common/network/messages/HelloMessage";
-import { PingMessage } from "@common/network/messages/PingMessage";
-import { NetworkSide } from "@common/network/sides";
-import * as Networker from "monorepo-networker";
-
-export namespace NetworkMessages {
-  export const registry = new Networker.MessageTypeRegistry();
-
-  export const PING = registry.register(new PingMessage("ping"));
-
-  export const HELLO_PLUGIN = registry.register(
-    new HelloMessage(NetworkSide.PLUGIN)
-  );
-
-  export const HELLO_UI = registry.register(new HelloMessage(NetworkSide.UI));
-
-  export const CREATE_RECT = registry.register(
-    new CreateRectMessage("create-rect")
-  );
-}

@navikt/aksel-icons/figma-plugin/src/common/network/messages/CreateRectMessage.ts

@@ -1,42 +0,0 @@
-/* eslint-disable no-undef */
-import { NetworkSide } from "@common/network/sides";
-import * as Networker from "monorepo-networker";
-
-interface Payload {
-  width: number;
-  height: number;
-}
-
-export class CreateRectMessage extends Networker.MessageType<Payload> {
-  public receivingSide(): Networker.Side {
-    return NetworkSide.PLUGIN;
-  }
-
-  public handle(payload: Payload, from: Networker.Side): void {
-    // @ts-ignore
-    if (figma.editorType === "figma") {
-      // @ts-ignore
-      const rect = figma.createRectangle();
-      rect.x = 0;
-      rect.y = 0;
-      rect.name = "Plugin Rectangle # " + Math.floor(Math.random() * 9999);
-      rect.fills = [
-        {
-          type: "SOLID",
-          color: {
-            r: Math.random(),
-            g: Math.random(),
-            b: Math.random(),
-          },
-        },
-      ];
-      rect.resize(payload.width, payload.height);
-      // @ts-ignore
-      figma.currentPage.appendChild(rect);
-      // @ts-ignore
-      figma.viewport.scrollAndZoomIntoView([rect]);
-      // @ts-ignore
-      figma.closePlugin();
-    }
-  }
-}

@navikt/aksel-icons/figma-plugin/src/common/network/messages/HelloMessage.ts

@@ -1,19 +0,0 @@
-import * as Networker from "monorepo-networker";
-
-interface Payload {
-  text: string;
-}
-
-export class HelloMessage extends Networker.MessageType<Payload> {
-  constructor(private side: Networker.Side) {
-    super("hello-" + side.getName());
-  }
-
-  receivingSide(): Networker.Side {
-    return this.side;
-  }
-
-  handle(payload: Payload, from: Networker.Side) {
-    console.log(`${from.getName()} said "${payload.text}"`);
-  }
-}

@navikt/aksel-icons/figma-plugin/src/common/network/messages/PingMessage.ts

@@ -1,17 +0,0 @@
-import * as Networker from "monorepo-networker";
-import { NetworkSide } from "@common/network/sides";
-
-interface Payload {}
-
-type Response = string;
-
-export class PingMessage extends Networker.MessageType<Payload, Response> {
-  receivingSide(): Networker.Side {
-    return NetworkSide.PLUGIN;
-  }
-
-  handle(payload: Payload, from: Networker.Side): string {
-    console.log(from.getName(), "has pinged us!");
-    return `Pong, ${from.getName()}!`;
-  }
-}

@navikt/aksel-icons/figma-plugin/src/common/network/sides.ts

@@ -1,24 +0,0 @@
-/* eslint-disable no-undef */
-import * as Networker from "monorepo-networker";
-
-export namespace NetworkSide {
-  export const PLUGIN = Networker.Side.register(
-    new Networker.Side<MessageEvent<any>>("Plugin", {
-      // @ts-ignore
-      attachListener: (callback) => figma.ui.on("message", callback),
-      // @ts-ignore
-      detachListener: (callback) => figma.ui.off("message", callback),
-    })
-  );
-
-  export const UI = Networker.Side.register(
-    new Networker.Side("UI", {
-      shouldHandle: (event) => event.data?.pluginId != null,
-      messageGetter: (event) => event.data.pluginMessage,
-      attachListener: (callback) =>
-        window.addEventListener("message", callback),
-      detachListener: (callback) =>
-        window.removeEventListener("message", callback),
-    })
-  );
-}

@navikt/aksel-icons/figma-plugin/src/plugin/plugin.ts

@@ -1,5 +1,3 @@
-/* eslint-disable no-undef */
-
 figma.showUI(__html__, { width: 480, height: 600 });
 
 figma.ui.onmessage = (msg) => {

@navikt/aksel-icons/figma-plugin/src/ui/App.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/react-in-jsx-scope */
 import { Heading, Search, ToggleGroup } from "@navikt/ds-react";
 import Fuse from "fuse.js";
 import { useEffect, useMemo, useState } from "react";
@@ -59,9 +60,8 @@ const App = () => {
   }, [toggle, query, strokeIcons, fillIcons]);
 
   const onCreate = (id: string, name: string) => {
-    let svg = document.getElementById(id)?.outerHTML;
-    let size = 24;
-    // eslint-disable-next-line no-restricted-globals
+    const svg = document.getElementById(id)?.outerHTML;
+    const size = 24;
     parent.postMessage(
       {
         pluginMessage: {
@@ -154,7 +154,7 @@ const App = () => {
                       </Heading>
                       <div className="icons-wrapper">
                         {sub.icons.map((i) => {
-                          const T = Icons[`${i.id}Icon`];
+                          const T = Icons[`${i.id}Icon`]; // eslint-disable-line import/namespace
                           if (T === undefined) {
                             console.log(i);
                             return null;

@navikt/aksel-icons/icons/Book.svg

@@ -0,0 +1,4 @@
+<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.25 6C8.25 5.58579 8.58579 5.25 9 5.25H15C15.4142 5.25 15.75 5.58579 15.75 6V9C15.75 9.41421 15.4142 9.75 15 9.75H9C8.58579 9.75 8.25 9.41421 8.25 9V6ZM9.75 6.75V8.25H14.25V6.75H9.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.25C5.48122 2.25 4.25 3.48122 4.25 5V19C4.25 20.5188 5.48122 21.75 7 21.75H19C19.2599 21.75 19.5013 21.6154 19.638 21.3943C19.7746 21.1732 19.7871 20.8971 19.6708 20.6646L19.5652 20.4534C19.1078 19.5385 19.1078 18.4615 19.5652 17.5466L19.6708 17.3354C19.7236 17.2299 19.7498 17.1155 19.75 17.0013V16.9V3.5C19.75 2.80964 19.1904 2.25 18.5 2.25H7ZM18.25 3.75H7C6.30964 3.75 5.75 4.30964 5.75 5V16.5499C6.12503 16.3581 6.54989 16.25 7 16.25H18.25V3.75ZM17.8895 20.25C17.6663 19.4319 17.6663 18.5681 17.8895 17.75H7C6.30964 17.75 5.75 18.3096 5.75 19C5.75 19.6904 6.30964 20.25 7 20.25H17.8895Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/Book.yml

@@ -0,0 +1,14 @@
+name: Book
+category: Home
+sub_category: Hosehold items
+keywords:
+  - Bok
+  - Kunnskap
+  - Knowledge
+  - Dokumentasjon
+  - Documentation
+  - Lese
+  - Read
+variant: Stroke
+updated_at: 26.09.2023
+created_at: 26.09.2023

@navikt/aksel-icons/icons/BookFill.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5652 20.4534C19.1078 19.5385 19.1078 18.4615 19.5652 17.5466L19.6641 17.3489C19.7189 17.2447 19.75 17.126 19.75 17C19.75 16.9832 19.7494 16.9665 19.7484 16.95C19.7494 16.9335 19.75 16.9168 19.75 16.9V3.5C19.75 2.80964 19.1904 2.25 18.5 2.25H7C5.48122 2.25 4.25 3.48122 4.25 5V19C4.25 20.5188 5.48122 21.75 7 21.75H19C19.2599 21.75 19.5013 21.6154 19.638 21.3943C19.7746 21.1732 19.7871 20.8971 19.6708 20.6646L19.5652 20.4534ZM17.8895 20.25C17.6663 19.4319 17.6663 18.5681 17.8895 17.75H7C6.30964 17.75 5.75 18.3096 5.75 19C5.75 19.6904 6.30964 20.25 7 20.25H17.8895ZM9.5 6C9.22386 6 9 6.22386 9 6.5V8.5C9 8.77614 9.22386 9 9.5 9H14.5C14.7761 9 15 8.77614 15 8.5V6.5C15 6.22386 14.7761 6 14.5 6H9.5Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/BookFill.yml

@@ -0,0 +1,14 @@
+name: BookFill
+category: Home
+sub_category: Hosehold items
+keywords:
+  - Bok
+  - Kunnskap
+  - Knowledge
+  - Dokumentasjon
+  - Documentation
+  - Lese
+  - Read
+variant: Fill
+updated_at: 26.09.2023
+created_at: 26.09.2023

@navikt/aksel-icons/icons/Books.svg

@@ -0,0 +1,4 @@
+<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.50579 4.90697C8.55271 4.53165 8.87176 4.25 9.25 4.25H14.75C15.1282 4.25 15.4473 4.53165 15.4942 4.90697L15.7442 6.90697C15.7709 7.12044 15.7046 7.33508 15.5623 7.49635C15.4199 7.65763 15.2151 7.75 15 7.75H9C8.78488 7.75 8.58011 7.65763 8.43774 7.49635C8.29537 7.33508 8.22911 7.12044 8.25579 6.90697L8.50579 4.90697ZM9.91209 5.75L9.84959 6.25H14.1504L14.0879 5.75H9.91209Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.66527 2.25C7.33861 2.25 6.20107 3.19715 5.96076 4.50186L4.34106 13.2955C4.28165 13.5204 4.25 13.7565 4.25 14C4.25 14.788 4.58144 15.4986 5.11253 16C4.58144 16.5014 4.25 17.212 4.25 18C4.25 19.5188 5.48122 20.75 7 20.75H19C19.2599 20.75 19.5013 20.6154 19.638 20.3943C19.7746 20.1732 19.7871 19.8971 19.6708 19.6646L19.5652 19.4534C19.1078 18.5385 19.1078 17.4615 19.5652 16.5466L19.6694 16.3382L19.6708 16.3354C19.6895 16.298 19.7049 16.2594 19.717 16.2201C19.739 16.1485 19.75 16.0743 19.75 16C19.75 15.9743 19.7487 15.9486 19.746 15.923C19.7438 15.9017 19.7407 15.8804 19.7367 15.8593C19.7294 15.8213 19.7193 15.7839 19.7061 15.7472C19.6961 15.7192 19.6843 15.6916 19.6708 15.6646L19.6694 15.6618L19.5652 15.4534C19.1078 14.5385 19.1078 13.4615 19.5652 12.5466L19.6708 12.3354C19.7238 12.2295 19.75 12.1146 19.75 12C19.75 11.9463 19.7443 11.8919 19.7321 11.8373L17.8191 3.22884C17.6921 2.65692 17.1848 2.25 16.5989 2.25H8.66527ZM16.3984 3.75H8.66527C8.06224 3.75 7.54518 4.18052 7.43594 4.77357L6.22253 11.3614C6.46906 11.2889 6.72999 11.25 7 11.25H18.065L16.3984 3.75ZM17.8895 15.25C17.6663 14.4319 17.6663 13.5681 17.8895 12.75H7C6.30964 12.75 5.75 13.3096 5.75 14C5.75 14.6904 6.30964 15.25 7 15.25H17.8895ZM17.8895 19.25C17.6663 18.4319 17.6663 17.5681 17.8895 16.75H7C6.30964 16.75 5.75 17.3096 5.75 18C5.75 18.6904 6.30964 19.25 7 19.25H17.8895Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/Books.yml

@@ -0,0 +1,14 @@
+name: Books
+category: Home
+sub_category: Hosehold items
+keywords:
+  - Bøker
+  - Kunnskap
+  - Knowledge
+  - Dokumentasjon
+  - Documentation
+  - Lese
+  - Read
+variant: Stroke
+updated_at: 26.09.2023
+created_at: 26.09.2023

@navikt/aksel-icons/icons/BooksFill.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6708 16.3354C19.7871 16.1029 19.7746 15.8268 19.638 15.6057L19.6536 15.6301L19.5653 15.4534C19.1078 14.5385 19.1078 13.4615 19.5653 12.5466L19.6537 12.3698L19.6677 12.3417C19.7465 12.1876 19.7704 12.0093 19.7321 11.8373L17.8191 3.22884C17.6921 2.65692 17.1848 2.25 16.5989 2.25H8.66443C7.33828 2.25 6.20103 3.19644 5.96017 4.50052L4.31997 13.3809C4.27419 13.5799 4.25 13.7871 4.25 14L4.25017 14.0321C4.25909 14.8074 4.58867 15.5055 5.11252 16C4.58144 16.5014 4.25 17.212 4.25 18C4.25 19.5188 5.48122 20.75 7 20.75H19C19.2599 20.75 19.5013 20.6154 19.638 20.3943C19.7746 20.1732 19.7871 19.8971 19.6708 19.6646L19.5652 19.4534C19.1078 18.5385 19.1078 17.4615 19.5652 16.5466L19.6708 16.3354ZM17.8895 19.25C17.6663 18.4319 17.6663 17.5681 17.8895 16.75H7C6.30964 16.75 5.75 17.3096 5.75 18C5.75 18.6904 6.30964 19.25 7 19.25H17.8895ZM5.75007 14.0149C5.75781 14.6873 6.29699 15.2324 6.96694 15.2496L7 15.25H17.8895C17.6664 14.4319 17.6664 13.5681 17.8895 12.75H7C6.41403 12.75 5.92223 13.1532 5.7869 13.6973L5.75931 13.8467C5.75316 13.8969 5.75 13.9481 5.75 14L5.75007 14.0149ZM9.47068 5C9.3446 5 9.23825 5.09388 9.22261 5.21899L9.03511 6.71899C9.01646 6.8682 9.1328 7 9.28318 7H14.7168C14.8672 7 14.9835 6.8682 14.9649 6.71899L14.7774 5.21899C14.7617 5.09388 14.6554 5 14.5293 5H9.47068Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/BooksFill.yml

@@ -0,0 +1,14 @@
+name: BooksFill
+category: Home
+sub_category: Hosehold items
+keywords:
+  - Bøker
+  - Kunnskap
+  - Knowledge
+  - Dokumentasjon
+  - Documentation
+  - Lese
+  - Read
+variant: Fill
+updated_at: 26.09.2023
+created_at: 26.09.2023

@navikt/aksel-icons/icons/ChevronLeftFirstCircle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM16.0303 16.0303C15.7374 16.3232 15.2626 16.3232 14.9697 16.0303L11.4697 12.5303C11.1768 12.2374 11.1768 11.7626 11.4697 11.4697L14.9697 7.96967C15.2626 7.67678 15.7374 7.67678 16.0303 7.96967C16.3232 8.26256 16.3232 8.73744 16.0303 9.03033L13.0607 12L16.0303 14.9697C16.3232 15.2626 16.3232 15.7374 16.0303 16.0303ZM9.75 8.5C9.75 8.08579 9.41421 7.75 9 7.75C8.58579 7.75 8.25 8.08579 8.25 8.5V15.5C8.25 15.9142 8.58579 16.25 9 16.25C9.41421 16.25 9.75 15.9142 9.75 15.5V8.5Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ChevronLeftFirstCircle.yml

@@ -0,0 +1,11 @@
+name: ChevronLeftFirstCircle
+category: Arrows
+sub_category: Chevron
+keywords:
+  - left
+  - venstre
+  - side
+  - første
+variant: Stroke
+updated_at: 11.10.2023
+created_at: 11.10.2023

@navikt/aksel-icons/icons/ChevronLeftFirstCircleFill.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12ZM16.2803 16.2803C15.9874 16.5732 15.5126 16.5732 15.2197 16.2803L11.428 12.4887C11.1351 12.1958 11.1351 11.7209 11.428 11.428L15.2197 7.63634C15.5126 7.34344 15.9874 7.34344 16.2803 7.63634C16.5732 7.92923 16.5732 8.4041 16.2803 8.697L13.019 11.9583L16.2803 15.2197C16.5732 15.5126 16.5732 15.9874 16.2803 16.2803ZM9.75 8.25C9.75 7.83579 9.41421 7.5 9 7.5C8.58579 7.5 8.25 7.83579 8.25 8.25V15.8333C8.25 16.2475 8.58579 16.5833 9 16.5833C9.41421 16.5833 9.75 16.2475 9.75 15.8333V8.25Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ChevronLeftFirstCircleFill.yml

@@ -0,0 +1,11 @@
+name: ChevronLeftFirstCircleFill
+category: Arrows
+sub_category: Chevron
+keywords:
+  - left
+  - venstre
+  - side
+  - første
+variant: Fill
+updated_at: 11.10.2023
+created_at: 11.10.2023

@navikt/aksel-icons/icons/ChevronRightLastCircle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.96967 7.96967C8.26256 7.67678 8.73744 7.67678 9.03033 7.96967L12.5303 11.4697C12.8232 11.7626 12.8232 12.2374 12.5303 12.5303L9.03033 16.0303C8.73744 16.3232 8.26256 16.3232 7.96967 16.0303C7.67678 15.7374 7.67678 15.2626 7.96967 14.9697L10.9393 12L7.96967 9.03033C7.67678 8.73744 7.67678 8.26256 7.96967 7.96967ZM15.75 8.55C15.75 8.13579 15.4142 7.8 15 7.8C14.5858 7.8 14.25 8.13579 14.25 8.55V15.55C14.25 15.9642 14.5858 16.3 15 16.3C15.4142 16.3 15.75 15.9642 15.75 15.55V8.55Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ChevronRightLastCircle.yml

@@ -0,0 +1,11 @@
+name: ChevronRightLastCircle
+category: Arrows
+sub_category: Chevron
+keywords:
+  - right
+  - høyre
+  - side
+  - siste
+variant: Stroke
+updated_at: 11.10.2023
+created_at: 11.10.2023

@navikt/aksel-icons/icons/ChevronRightLastCircleFill.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12ZM7.71967 7.71967C8.01256 7.42678 8.48744 7.42678 8.78033 7.71967L12.572 11.5113C12.8649 11.8042 12.8649 12.2791 12.572 12.572L8.78033 16.3637C8.48744 16.6566 8.01256 16.6566 7.71967 16.3637C7.42678 16.0708 7.42678 15.5959 7.71967 15.303L10.981 12.0417L7.71967 8.78033C7.42678 8.48744 7.42678 8.01256 7.71967 7.71967ZM15.75 8.25C15.75 7.83579 15.4142 7.5 15 7.5C14.5858 7.5 14.25 7.83579 14.25 8.25V15.8333C14.25 16.2475 14.5858 16.5833 15 16.5833C15.4142 16.5833 15.75 16.2475 15.75 15.8333V8.25Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ChevronRightLastCircleFill.yml

@@ -0,0 +1,11 @@
+name: ChevronRightLastCircleFill
+category: Arrows
+sub_category: Chevron
+keywords:
+  - right
+  - høyre
+  - side
+  - siste
+variant: Fill
+updated_at: 11.10.2023
+created_at: 11.10.2023

@navikt/aksel-icons/icons/Clipboard.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.4697 2.46967C11.7626 2.17678 12.2374 2.17678 12.5303 2.46967L14.5303 4.46967C14.7448 4.68417 14.809 5.00676 14.6929 5.28701C14.5768 5.56727 14.3033 5.75 14 5.75H10C9.69665 5.75 9.42318 5.56727 9.30709 5.28701C9.191 5.00676 9.25517 4.68417 9.46967 4.46967L11.4697 2.46967ZM12.1893 4.25L12 4.06066L11.8107 4.25H12.1893ZM5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H8C8.41421 3.25 8.75 3.58579 8.75 4C8.75 4.41421 8.41421 4.75 8 4.75H6.75V20.25H17.25V4.75H16C15.5858 4.75 15.25 4.41421 15.25 4C15.25 3.58579 15.5858 3.25 16 3.25H18C18.4142 3.25 18.75 3.58579 18.75 4V21C18.75 21.4142 18.4142 21.75 18 21.75H6C5.58579 21.75 5.25 21.4142 5.25 21V4ZM9 10.25C8.58579 10.25 8.25 10.5858 8.25 11C8.25 11.4142 8.58579 11.75 9 11.75H15C15.4142 11.75 15.75 11.4142 15.75 11C15.75 10.5858 15.4142 10.25 15 10.25H9ZM8.25 14C8.25 13.5858 8.58579 13.25 9 13.25H15C15.4142 13.25 15.75 13.5858 15.75 14C15.75 14.4142 15.4142 14.75 15 14.75H9C8.58579 14.75 8.25 14.4142 8.25 14ZM9 16.25C8.58579 16.25 8.25 16.5858 8.25 17C8.25 17.4142 8.58579 17.75 9 17.75H15C15.4142 17.75 15.75 17.4142 15.75 17C15.75 16.5858 15.4142 16.25 15 16.25H9Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 3C8.25 2.58579 8.58579 2.25 9 2.25H15C15.4142 2.25 15.75 2.58579 15.75 3V4.25H18C18.4142 4.25 18.75 4.58579 18.75 5V21C18.75 21.4142 18.4142 21.75 18 21.75H6C5.58579 21.75 5.25 21.4142 5.25 21V5C5.25 4.58579 5.58579 4.25 6 4.25H8.25V3ZM17.25 5.75H15.75V6C15.75 6.41421 15.4142 6.75 15 6.75H9C8.58579 6.75 8.25 6.41421 8.25 6V5.75H6.75V20.25H17.25V5.75ZM9.75 5.25V5V3.75H14.25V5V5.25H9.75ZM9 10.25C8.58579 10.25 8.25 10.5858 8.25 11C8.25 11.4142 8.58579 11.75 9 11.75H15C15.4142 11.75 15.75 11.4142 15.75 11C15.75 10.5858 15.4142 10.25 15 10.25H9ZM8.25 14C8.25 13.5858 8.58579 13.25 9 13.25H15C15.4142 13.25 15.75 13.5858 15.75 14C15.75 14.4142 15.4142 14.75 15 14.75H9C8.58579 14.75 8.25 14.4142 8.25 14ZM9 16.25C8.58579 16.25 8.25 16.5858 8.25 17C8.25 17.4142 8.58579 17.75 9 17.75H13C13.4142 17.75 13.75 17.4142 13.75 17C13.75 16.5858 13.4142 16.25 13 16.25H9Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/icons/Clipboard.yml

@@ -13,5 +13,5 @@ keywords:
   - dokument
   - registrering
 variant: Stroke
-updated_at: 19.08.2023
+updated_at: 12.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ClipboardCheckmark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 3C8.25 2.58579 8.58579 2.25 9 2.25H15C15.4142 2.25 15.75 2.58579 15.75 3V4.25H18C18.4142 4.25 18.75 4.58579 18.75 5V21C18.75 21.4142 18.4142 21.75 18 21.75H6C5.58579 21.75 5.25 21.4142 5.25 21V5C5.25 4.58579 5.58579 4.25 6 4.25H8.25V3ZM17.25 5.75H15.75V6C15.75 6.41421 15.4142 6.75 15 6.75H9C8.58579 6.75 8.25 6.41421 8.25 6V5.75H6.75V20.25H17.25V5.75ZM9.75 5.25V5V3.75H14.25V5V5.25H9.75ZM14.5303 13.0303C14.8232 12.7374 14.8232 12.2626 14.5303 11.9697C14.2374 11.6768 13.7626 11.6768 13.4697 11.9697L11.5 13.9393L10.5303 12.9697C10.2374 12.6768 9.76256 12.6768 9.46967 12.9697C9.17678 13.2626 9.17678 13.7374 9.46967 14.0303L10.9697 15.5303C11.2626 15.8232 11.7374 15.8232 12.0303 15.5303L14.5303 13.0303Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ClipboardCheckmark.yml

@@ -0,0 +1,17 @@
+name: ClipboardCheckmark
+category: Workplace
+sub_category: Workplace
+keywords:
+  - copy
+  - paste
+  - notes
+  - record
+  - kopier
+  - lim inn
+  - notater
+  - registrering
+  - confirm
+  - bekrefte
+variant: Stroke
+updated_at: 12.09.2023
+created_at: 12.09.2023

@navikt/aksel-icons/icons/ClipboardCheckmarkFill.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 2.25C9.08579 2.25 8.75 2.58579 8.75 3V5.5C8.75 5.91421 9.08579 6.25 9.5 6.25H14.5C14.9142 6.25 15.25 5.91421 15.25 5.5V3C15.25 2.58579 14.9142 2.25 14.5 2.25H9.5ZM7.5 4.25H6C5.58579 4.25 5.25 4.58579 5.25 5V21C5.25 21.4142 5.58579 21.75 6 21.75H18C18.4142 21.75 18.75 21.4142 18.75 21V5C18.75 4.58579 18.4142 4.25 18 4.25H16.5C16.3619 4.25 16.25 4.36193 16.25 4.5V6.5C16.25 6.91421 15.9142 7.25 15.5 7.25H8.5C8.08579 7.25 7.75 6.91421 7.75 6.5V4.5C7.75 4.36193 7.63807 4.25 7.5 4.25ZM14.5303 11.9697C14.8232 12.2626 14.8232 12.7374 14.5303 13.0303L12.0303 15.5303C11.7374 15.8232 11.2626 15.8232 10.9697 15.5303L9.46967 14.0303C9.17678 13.7374 9.17678 13.2626 9.46967 12.9697C9.76256 12.6768 10.2374 12.6768 10.5303 12.9697L11.3232 13.7626C11.4209 13.8602 11.5791 13.8602 11.6768 13.7626L13.4697 11.9697C13.7626 11.6768 14.2374 11.6768 14.5303 11.9697Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ClipboardCheckmarkFill.yml

@@ -0,0 +1,17 @@
+name: ClipboardCheckmarkFill
+category: Workplace
+sub_category: Workplace
+keywords:
+  - copy
+  - paste
+  - notes
+  - record
+  - kopier
+  - lim inn
+  - notater
+  - registrering
+  - confirm
+  - bekrefte
+variant: Fill
+updated_at: 12.09.2023
+created_at: 12.09.2023

@navikt/aksel-icons/icons/ClipboardFill.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.5304 2.46967C12.2375 2.17678 11.7626 2.17678 11.4697 2.46967L9.46969 4.46967C9.25519 4.68417 9.19103 5.00676 9.30711 5.28701C9.4232 5.56727 9.69668 5.75 10 5.75H14C14.3034 5.75 14.5768 5.56727 14.6929 5.28701C14.809 5.00676 14.7449 4.68417 14.5304 4.46967L12.5304 2.46967ZM16.0788 5.86104C15.7305 6.7018 14.9101 7.25 14.0001 7.25H10.0001C9.09003 7.25 8.26959 6.70181 7.92134 5.86104C7.57308 5.02027 7.76558 4.05251 8.40908 3.40901C8.46775 3.35033 8.4262 3.25 8.34321 3.25H6C5.58579 3.25 5.25 3.58579 5.25 4V21C5.25 21.4142 5.58579 21.75 6 21.75H18C18.4142 21.75 18.75 21.4142 18.75 21V4C18.75 3.58579 18.4142 3.25 18 3.25H15.6569C15.5739 3.25 15.5324 3.35033 15.5911 3.40901C16.2346 4.05251 16.427 5.02027 16.0788 5.86104ZM9 10.25C8.58579 10.25 8.25 10.5858 8.25 11C8.25 11.4142 8.58579 11.75 9 11.75H15C15.4142 11.75 15.75 11.4142 15.75 11C15.75 10.5858 15.4142 10.25 15 10.25H9ZM8.25 14C8.25 13.5858 8.58579 13.25 9 13.25H15C15.4142 13.25 15.75 13.5858 15.75 14C15.75 14.4142 15.4142 14.75 15 14.75H9C8.58579 14.75 8.25 14.4142 8.25 14ZM9 16.25C8.58579 16.25 8.25 16.5858 8.25 17C8.25 17.4142 8.58579 17.75 9 17.75H15C15.4142 17.75 15.75 17.4142 15.75 17C15.75 16.5858 15.4142 16.25 15 16.25H9Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 2.25C9.08579 2.25 8.75 2.58579 8.75 3V5.5C8.75 5.91421 9.08579 6.25 9.5 6.25H14.5C14.9142 6.25 15.25 5.91421 15.25 5.5V3C15.25 2.58579 14.9142 2.25 14.5 2.25H9.5ZM7.5 4.25H6C5.58579 4.25 5.25 4.58579 5.25 5V21C5.25 21.4142 5.58579 21.75 6 21.75H18C18.4142 21.75 18.75 21.4142 18.75 21V5C18.75 4.58579 18.4142 4.25 18 4.25H16.5C16.3619 4.25 16.25 4.36193 16.25 4.5V6.5C16.25 6.91421 15.9142 7.25 15.5 7.25H8.5C8.08579 7.25 7.75 6.91421 7.75 6.5V4.5C7.75 4.36193 7.63807 4.25 7.5 4.25ZM8.25 11C8.25 10.5858 8.58579 10.25 9 10.25H15C15.4142 10.25 15.75 10.5858 15.75 11C15.75 11.4142 15.4142 11.75 15 11.75H9C8.58579 11.75 8.25 11.4142 8.25 11ZM9 13.25C8.58579 13.25 8.25 13.5858 8.25 14C8.25 14.4142 8.58579 14.75 9 14.75H15C15.4142 14.75 15.75 14.4142 15.75 14C15.75 13.5858 15.4142 13.25 15 13.25H9ZM8.25 17C8.25 16.5858 8.58579 16.25 9 16.25H13C13.4142 16.25 13.75 16.5858 13.75 17C13.75 17.4142 13.4142 17.75 13 17.75H9C8.58579 17.75 8.25 17.4142 8.25 17Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/icons/ClipboardFill.yml

@@ -13,5 +13,5 @@ keywords:
   - dokument
   - registrering
 variant: Fill
-updated_at: 19.08.2023
+updated_at: 12.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ClipboardLink.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2.25C8.58579 2.25 8.25 2.58579 8.25 3V4.25H6C5.58579 4.25 5.25 4.58579 5.25 5V21C5.25 21.4142 5.58579 21.75 6 21.75H18C18.4142 21.75 18.75 21.4142 18.75 21V5C18.75 4.58579 18.4142 4.25 18 4.25H15.75V3C15.75 2.58579 15.4142 2.25 15 2.25H9ZM15.75 5.75H17.25V20.25H6.75V5.75H8.25V6C8.25 6.41421 8.58579 6.75 9 6.75H15C15.4142 6.75 15.75 6.41421 15.75 6V5.75ZM9.75 5V5.25H14.25V5V3.75H9.75V5ZM13.7678 10.6716L13.591 10.8484C13.2981 11.1412 12.8232 11.1412 12.5303 10.8484C12.2374 10.5555 12.2374 10.0806 12.5303 9.78769L12.8839 9.43414C13.372 8.94599 14.1635 8.94598 14.6517 9.43414L16.0659 10.8484C16.554 11.3365 16.554 12.128 16.0659 12.6161L13.2374 15.4445C12.7493 15.9327 11.9578 15.9327 11.4697 15.4445L11.1161 15.091C10.8232 14.7981 10.8232 14.3232 11.1161 14.0303C11.409 13.7374 11.8839 13.7374 12.1768 14.0303L12.3536 14.2071L14.8284 11.7322L13.7678 10.6716ZM11.8352 12.9813L11.6442 12.7987L9.17169 15.2679L10.2322 16.3284L10.409 16.1516C10.7019 15.8587 11.1768 15.8587 11.4697 16.1516C11.7626 16.4445 11.7626 16.9194 11.4697 17.2123L11.1161 17.5659C10.628 18.054 9.83651 18.054 9.34835 17.5659L7.93414 16.1516C7.44598 15.6635 7.44598 14.872 7.93414 14.3839L7.93449 14.3835L10.7571 11.5646C11.2377 11.0847 12.0136 11.0763 12.5044 11.5458L12.872 11.8973C13.1713 12.1836 13.1819 12.6584 12.8956 12.9577C12.6093 13.2571 12.1345 13.2676 11.8352 12.9813Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ClipboardLink.yml

@@ -0,0 +1,17 @@
+name: ClipboardLink
+category: Workplace
+sub_category: Workplace
+keywords:
+  - copy
+  - paste
+  - notes
+  - record
+  - kopier
+  - lim inn
+  - notater
+  - registrering
+  - link
+  - lenke
+variant: Stroke
+updated_at: 12.09.2023
+created_at: 12.09.2023

@navikt/aksel-icons/icons/ClipboardLinkFill.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 2.25C9.08579 2.25 8.75 2.58579 8.75 3V5.5C8.75 5.91421 9.08579 6.25 9.5 6.25H14.5C14.9142 6.25 15.25 5.91421 15.25 5.5V3C15.25 2.58579 14.9142 2.25 14.5 2.25H9.5ZM7.5 4.25C7.63807 4.25 7.75 4.36193 7.75 4.5V6.5C7.75 6.91421 8.08579 7.25 8.5 7.25H15.5C15.9142 7.25 16.25 6.91421 16.25 6.5V4.5C16.25 4.36193 16.3619 4.25 16.5 4.25H18C18.4142 4.25 18.75 4.58579 18.75 5V21C18.75 21.4142 18.4142 21.75 18 21.75H6C5.58579 21.75 5.25 21.4142 5.25 21V5C5.25 4.58579 5.58579 4.25 6 4.25H7.5ZM13.591 10.8484C13.6886 10.7507 13.8469 10.7507 13.9445 10.8484L14.6516 11.5555C14.7493 11.6531 14.7493 11.8114 14.6516 11.909L12.5303 14.0303C12.4327 14.128 12.2744 14.128 12.1768 14.0303C11.8839 13.7374 11.409 13.7374 11.1161 14.0303C10.8232 14.3232 10.8232 14.7981 11.1161 15.091L11.4697 15.4445C11.9578 15.9327 12.7493 15.9327 13.2374 15.4445L16.0659 12.6161C16.554 12.128 16.554 11.3365 16.0659 10.8484L14.6517 9.43414C14.1635 8.94598 13.372 8.94599 12.8839 9.43414L12.5303 9.78769C12.2374 10.0806 12.2374 10.5555 12.5303 10.8484C12.8232 11.1412 13.2981 11.1412 13.591 10.8484ZM11.4697 12.9697C11.5673 12.872 11.7256 12.872 11.8232 12.9697C12.1161 13.2626 12.591 13.2626 12.8839 12.9697C13.1768 12.6768 13.1768 12.2019 12.8839 11.909L12.5303 11.5554C12.0422 11.0673 11.2507 11.0673 10.7626 11.5554L7.93414 14.3839C7.44598 14.872 7.44598 15.6635 7.93414 16.1516L9.34835 17.5659C9.83651 18.054 10.628 18.054 11.1161 17.5659L11.4697 17.2123C11.7626 16.9194 11.7626 16.4445 11.4697 16.1516C11.1768 15.8587 10.7019 15.8587 10.409 16.1516C10.3114 16.2493 10.1531 16.2493 10.0555 16.1516L9.34835 15.4445C9.25072 15.3469 9.25072 15.1886 9.34835 15.091L11.4697 12.9697Z" fill="#23262A"/>
+</svg>

@navikt/aksel-icons/icons/ClipboardLinkFill.yml

@@ -0,0 +1,17 @@
+name: ClipboardLinkFill
+category: Workplace
+sub_category: Workplace
+keywords:
+  - copy
+  - paste
+  - notes
+  - record
+  - kopier
+  - lim inn
+  - notater
+  - registrering
+  - link
+  - lenke
+variant: Fill
+updated_at: 12.09.2023
+created_at: 12.09.2023

@navikt/aksel-icons/icons/Eye.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="M4.14815 12.3127C4.05539 12.1968 3.97534 12.0916 3.90802 12C3.97534 11.9084 4.05539 11.8032 4.14815 11.6873C4.49856 11.2493 5.02646 10.6626 5.73014 10.0762C7.13662 8.9041 9.22257 7.75 12 7.75C9.65279 7.75 7.75 9.65279 7.75 12C7.75 14.3472 9.65279 16.25 12 16.25C9.22256 16.25 7.13662 15.0959 5.73014 13.9238C5.02646 13.3374 4.49855 12.7507 4.14815 12.3127ZM12 16.25C14.3472 16.25 16.25 14.3472 16.25 12C16.25 9.65279 14.3472 7.75 12 7.75C14.7774 7.75 16.8634 8.9041 18.2699 10.0762C18.9735 10.6626 19.5014 11.2493 19.8518 11.6873C19.9446 11.8032 20.0247 11.9084 20.092 12C20.0247 12.0916 19.9446 12.1968 19.8518 12.3127C19.5014 12.7507 18.9735 13.3374 18.2699 13.9238C16.8634 15.0959 14.7774 16.25 12 16.25ZM21.6428 11.6135C21.6429 11.6139 21.6431 11.6141 21 12C21.6431 12.3859 21.6429 12.3862 21.6428 12.3865L21.6423 12.3872L21.6412 12.389L21.6382 12.394L21.6288 12.4093C21.6211 12.4218 21.6103 12.439 21.5965 12.4605C21.569 12.5034 21.5295 12.5638 21.4779 12.639C21.3748 12.7894 21.2233 12.9996 21.0232 13.2498C20.6236 13.7493 20.0265 14.4126 19.2301 15.0762C17.6366 16.4041 15.2226 17.75 12 17.75C8.77744 17.75 6.36338 16.4041 4.76986 15.0762C3.97354 14.4126 3.37645 13.7493 2.97685 13.2498C2.77673 12.9996 2.62518 12.7894 2.52208 12.639C2.4705 12.5638 2.43096 12.5034 2.40345 12.4605C2.3897 12.439 2.37894 12.4218 2.37118 12.4093L2.36178 12.394L2.35877 12.389L2.35769 12.3872L2.35725 12.3865C2.35706 12.3862 2.35688 12.3859 3 12C2.35688 11.6141 2.35706 11.6139 2.35725 11.6135L2.35768 11.6128L2.35877 11.611L2.36178 11.606L2.37118 11.5908C2.37894 11.5782 2.38969 11.5611 2.40345 11.5396C2.43096 11.4966 2.4705 11.4362 2.52208 11.361C2.62518 11.2107 2.77672 11.0004 2.97685 10.7502C3.37644 10.2507 3.97354 9.58744 4.76986 8.92384C6.36338 7.59591 8.77743 6.25 12 6.25C15.2226 6.25 17.6366 7.59591 19.2301 8.92384C20.0265 9.58744 20.6236 10.2507 21.0232 10.7502C21.2233 11.0004 21.3748 11.2107 21.4779 11.361C21.5295 11.4362 21.569 11.4966 21.5965 11.5396C21.6103 11.5611 21.6211 11.5782 21.6288 11.5908L21.6382 11.606L21.6412 11.611L21.6423 11.6128L21.6428 11.6135ZM21 12L21.6431 11.6141C21.7856 11.8517 21.7856 12.1484 21.6431 12.3859L21 12ZM2.35688 11.6141L3 12L2.35688 12.3859C2.21437 12.1484 2.21437 11.8517 2.35688 11.6141ZM9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75C10.4812 14.75 9.25 13.5188 9.25 12Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.14838 12.3172C4.0542 12.1994 3.97317 12.0926 3.90533 12C3.97317 11.9074 4.0542 11.8006 4.14838 11.6828C4.49853 11.2446 5.02627 10.6584 5.72985 10.0727C7.13607 8.90197 9.22211 7.75 12 7.75C9.65279 7.75 7.75 9.65279 7.75 12C7.75 14.3472 9.65279 16.25 12 16.25C9.22211 16.25 7.13607 15.098 5.72985 13.9273C5.02627 13.3416 4.49853 12.7554 4.14838 12.3172ZM12 16.25C14.3472 16.25 16.25 14.3472 16.25 12C16.25 9.65279 14.3472 7.75 12 7.75C14.7779 7.75 16.8639 8.90197 18.2701 10.0727C18.9737 10.6584 19.5015 11.2446 19.8516 11.6828C19.9458 11.8006 20.0268 11.9074 20.0947 12C20.0268 12.0926 19.9458 12.1994 19.8516 12.3172C19.5015 12.7554 18.9737 13.3416 18.2701 13.9273C16.8639 15.098 14.7779 16.25 12 16.25ZM12 6.25C8.77789 6.25 6.36393 7.59303 4.77014 8.91985C3.97373 9.58286 3.37647 10.246 2.97662 10.7463C2.77639 10.9968 2.6246 11.2079 2.52109 11.3596C2.46936 11.4354 2.42935 11.4969 2.4011 11.5416C2.38707 11.5638 2.37537 11.5828 2.36621 11.598C2.36186 11.6052 2.35682 11.6137 2.35187 11.6223C2.34981 11.6259 2.34523 11.6339 2.33994 11.6438C2.33787 11.6476 2.33154 11.6594 2.32419 11.6747C2.32003 11.6835 2.30949 11.7072 2.30329 11.7223C2.29144 11.7541 2.2578 11.8921 2.25 12C2.2578 12.1079 2.29144 12.2459 2.30329 12.2777C2.30949 12.2928 2.32003 12.3165 2.32419 12.3253C2.33154 12.3406 2.33787 12.3524 2.33994 12.3562C2.34523 12.3661 2.34981 12.3741 2.35187 12.3777C2.35682 12.3863 2.36186 12.3948 2.36621 12.402C2.37537 12.4172 2.38707 12.4362 2.4011 12.4584C2.42935 12.5031 2.46936 12.5646 2.52109 12.6404C2.6246 12.7921 2.77639 13.0032 2.97662 13.2537C3.37647 13.754 3.97373 14.4171 4.77015 15.0802C6.36393 16.407 8.77789 17.75 12 17.75C15.2221 17.75 17.6361 16.407 19.2299 15.0802C20.0263 14.4171 20.6235 13.754 21.0234 13.2537C21.2236 13.0032 21.3754 12.7921 21.4789 12.6404C21.5306 12.5646 21.5706 12.5031 21.5989 12.4584C21.6129 12.4362 21.6246 12.4172 21.6338 12.402L21.6391 12.3931L21.6481 12.3777C21.6502 12.3741 21.6548 12.3661 21.6601 12.3562C21.6621 12.3524 21.6685 12.3406 21.6758 12.3253C21.68 12.3165 21.6905 12.2928 21.6967 12.2777C21.7086 12.2459 21.7422 12.1079 21.75 12C21.7422 11.8921 21.7086 11.7541 21.6967 11.7223C21.6905 11.7072 21.68 11.6835 21.6758 11.6747C21.6685 11.6594 21.6621 11.6476 21.6601 11.6438C21.6548 11.6339 21.6502 11.6259 21.6481 11.6223C21.6457 11.6181 21.6433 11.614 21.6409 11.61C21.6384 11.6058 21.636 11.6017 21.6338 11.598C21.6246 11.5828 21.6129 11.5638 21.5989 11.5416C21.5706 11.4969 21.5306 11.4354 21.4789 11.3596C21.3754 11.2079 21.2236 10.9968 21.0234 10.7463C20.6235 10.246 20.0263 9.58286 19.2299 8.91985C17.6361 7.59303 15.2221 6.25 12 6.25ZM9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75C10.4812 14.75 9.25 13.5188 9.25 12Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/icons/Eye.yml

@@ -9,5 +9,5 @@ keywords:
   - syn
   - public
 variant: Stroke
-updated_at: 19.08.2023
+updated_at: 15.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/EyeFill.yml

@@ -9,5 +9,5 @@ keywords:
   - syn
   - public
 variant: Fill
-updated_at: 19.08.2023
+updated_at: 15.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/EyeWithPupil.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.90802 12C3.97534 12.0916 4.05539 12.1968 4.14815 12.3127C4.49855 12.7507 5.02646 13.3374 5.73014 13.9238C7.13662 15.0959 9.22256 16.25 12 16.25C14.7774 16.25 16.8634 15.0959 18.2699 13.9238C18.9735 13.3374 19.5014 12.7507 19.8518 12.3127C19.9446 12.1968 20.0247 12.0916 20.092 12C20.0247 11.9084 19.9446 11.8032 19.8518 11.6873C19.5014 11.2493 18.9735 10.6626 18.2699 10.0762C16.8634 8.9041 14.7774 7.75 12 7.75C9.22257 7.75 7.13662 8.9041 5.73014 10.0762C5.02646 10.6626 4.49856 11.2493 4.14815 11.6873C4.05539 11.8032 3.97534 11.9084 3.90802 12ZM12 7.75C14.3472 7.75 16.25 9.65279 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12C7.75 9.65279 9.65279 7.75 12 7.75ZM21 12C21.6431 11.6141 21.6429 11.6139 21.6428 11.6135L21.6423 11.6128L21.6412 11.611L21.6382 11.606L21.6288 11.5908C21.6211 11.5782 21.6103 11.5611 21.5965 11.5396C21.569 11.4966 21.5295 11.4362 21.4779 11.361C21.3748 11.2107 21.2233 11.0004 21.0232 10.7502C20.6236 10.2507 20.0265 9.58744 19.2301 8.92384C17.6366 7.59591 15.2226 6.25 12 6.25C8.77743 6.25 6.36338 7.59591 4.76986 8.92384C3.97354 9.58744 3.37644 10.2507 2.97685 10.7502C2.77672 11.0004 2.62518 11.2107 2.52208 11.361C2.4705 11.4362 2.43096 11.4966 2.40345 11.5396C2.38969 11.5611 2.37894 11.5782 2.37118 11.5908L2.36178 11.606L2.35877 11.611L2.35768 11.6128L2.35725 11.6135C2.35706 11.6139 2.35688 11.6141 3 12L2.35688 11.6141C2.21437 11.8517 2.21437 12.1484 2.35688 12.3859L3 12C2.35688 12.3859 2.35706 12.3862 2.35725 12.3865L2.35769 12.3872L2.35877 12.389L2.36178 12.394L2.37118 12.4093C2.37894 12.4218 2.3897 12.439 2.40345 12.4605C2.43096 12.5034 2.4705 12.5638 2.52208 12.639C2.62518 12.7894 2.77673 12.9996 2.97685 13.2498C3.37645 13.7493 3.97354 14.4126 4.76986 15.0762C6.36338 16.4041 8.77744 17.75 12 17.75C15.2226 17.75 17.6366 16.4041 19.2301 15.0762C20.0265 14.4126 20.6236 13.7493 21.0232 13.2498C21.2233 12.9996 21.3748 12.7894 21.4779 12.639C21.5295 12.5638 21.569 12.5034 21.5965 12.4605C21.6103 12.439 21.6211 12.4218 21.6288 12.4093L21.6382 12.394L21.6412 12.389L21.6423 12.3872L21.6428 12.3865C21.6429 12.3862 21.6431 12.3859 21 12ZM21 12L21.6431 12.3859C21.7856 12.1484 21.7856 11.8517 21.6431 11.6141L21 12ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25ZM12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.90533 12C3.97317 12.0926 4.0542 12.1994 4.14838 12.3172C4.49853 12.7554 5.02627 13.3416 5.72985 13.9273C7.13607 15.098 9.22211 16.25 12 16.25C14.7779 16.25 16.8639 15.098 18.2701 13.9273C18.9737 13.3416 19.5015 12.7554 19.8516 12.3172C19.9458 12.1994 20.0268 12.0926 20.0947 12C20.0268 11.9074 19.9458 11.8006 19.8516 11.6828C19.5015 11.2446 18.9737 10.6584 18.2701 10.0727C16.8639 8.90197 14.7779 7.75 12 7.75C9.22211 7.75 7.13607 8.90197 5.72985 10.0727C5.02627 10.6584 4.49853 11.2446 4.14838 11.6828C4.0542 11.8006 3.97317 11.9074 3.90533 12ZM12 7.75C14.3472 7.75 16.25 9.65279 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12C7.75 9.65279 9.65279 7.75 12 7.75ZM4.77014 8.91985C6.36393 7.59303 8.77789 6.25 12 6.25C15.2221 6.25 17.6361 7.59303 19.2299 8.91985C20.0263 9.58286 20.6235 10.246 21.0234 10.7463C21.2236 10.9968 21.3754 11.2079 21.4789 11.3596C21.5306 11.4354 21.5706 11.4969 21.5989 11.5416C21.6129 11.5638 21.6246 11.5828 21.6338 11.598L21.6409 11.61L21.6481 11.6223C21.6502 11.6259 21.6548 11.6339 21.6601 11.6438C21.6621 11.6476 21.6685 11.6594 21.6758 11.6747C21.68 11.6835 21.6905 11.7072 21.6967 11.7223C21.7086 11.7541 21.7422 11.8921 21.75 12C21.7422 12.1079 21.7086 12.2459 21.6967 12.2777C21.6905 12.2928 21.68 12.3165 21.6758 12.3253C21.6685 12.3406 21.6621 12.3524 21.6601 12.3562C21.657 12.3619 21.6542 12.3669 21.652 12.3709C21.6503 12.3738 21.649 12.3762 21.6481 12.3777L21.6391 12.3931L21.6338 12.402C21.6246 12.4172 21.6129 12.4362 21.5989 12.4584C21.5706 12.5031 21.5306 12.5646 21.4789 12.6404C21.3754 12.7921 21.2236 13.0032 21.0234 13.2537C20.6235 13.754 20.0263 14.4171 19.2299 15.0802C17.6361 16.407 15.2221 17.75 12 17.75C8.77789 17.75 6.36393 16.407 4.77015 15.0802C3.97373 14.4171 3.37647 13.754 2.97662 13.2537C2.77639 13.0032 2.6246 12.7921 2.52109 12.6404C2.46936 12.5646 2.42935 12.5031 2.4011 12.4584C2.38707 12.4362 2.37537 12.4172 2.36621 12.402C2.36186 12.3948 2.35682 12.3863 2.35187 12.3777C2.34981 12.3741 2.34523 12.3661 2.33994 12.3562C2.33787 12.3524 2.33154 12.3406 2.32419 12.3253C2.32003 12.3165 2.30949 12.2928 2.30329 12.2777C2.29144 12.2459 2.2578 12.1079 2.25 12C2.2578 11.8921 2.29144 11.7541 2.30329 11.7223C2.30949 11.7072 2.32003 11.6835 2.32419 11.6747C2.33154 11.6594 2.33787 11.6476 2.33994 11.6438C2.34523 11.6339 2.34981 11.6259 2.35187 11.6223C2.35682 11.6137 2.36186 11.6052 2.36621 11.598C2.37537 11.5828 2.38707 11.5638 2.4011 11.5416C2.42935 11.4969 2.46936 11.4354 2.52109 11.3596C2.6246 11.2079 2.77639 10.9968 2.97662 10.7463C3.37647 10.246 3.97373 9.58286 4.77014 8.91985ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25ZM12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/icons/EyeWithPupil.yml

@@ -8,5 +8,5 @@ keywords:
   - øye
   - syn
 variant: Stroke
-updated_at: 19.08.2023
+updated_at: 15.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/EyeWithPupilFill.yml

@@ -8,5 +8,5 @@ keywords:
   - øye
   - syn
 variant: Fill
-updated_at: 19.08.2023
+updated_at: 15.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/MenuHamburger.yml

@@ -6,5 +6,5 @@ keywords:
   - meny
   - hamburger
 variant: Stroke
-updated_at: 19.08.2023
+updated_at: 04.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Tablet.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.75 6C3.75 5.30964 4.30964 4.75 5 4.75H19C19.6904 4.75 20.25 5.30964 20.25 6V18C20.25 18.6904 19.6904 19.25 19 19.25H5C4.30964 19.25 3.75 18.6904 3.75 18V6ZM5 3.25C3.48122 3.25 2.25 4.48122 2.25 6V18C2.25 19.5188 3.48122 20.75 5 20.75H19C20.5188 20.75 21.75 19.5188 21.75 18V6C21.75 4.48122 20.5188 3.25 19 3.25H5ZM10.5 5.75C10.0858 5.75 9.75 6.08579 9.75 6.5C9.75 6.91421 10.0858 7.25 10.5 7.25H13.5C13.9142 7.25 14.25 6.91421 14.25 6.5C14.25 6.08579 13.9142 5.75 13.5 5.75H10.5Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 5C4.75 4.30964 5.30964 3.75 6 3.75H18C18.6904 3.75 19.25 4.30964 19.25 5V19C19.25 19.6904 18.6904 20.25 18 20.25H6C5.30964 20.25 4.75 19.6904 4.75 19V5ZM6 2.25C4.48122 2.25 3.25 3.48122 3.25 5V19C3.25 20.5188 4.48122 21.75 6 21.75H18C19.5188 21.75 20.75 20.5188 20.75 19V5C20.75 3.48122 19.5188 2.25 18 2.25H6ZM10.5 4.75C10.0858 4.75 9.75 5.08579 9.75 5.5C9.75 5.91421 10.0858 6.25 10.5 6.25H13.5C13.9142 6.25 14.25 5.91421 14.25 5.5C14.25 5.08579 13.9142 4.75 13.5 4.75H10.5Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/icons/Tablet.yml

@@ -8,5 +8,5 @@ keywords:
   - brekkpunkt md
   - breakpoint md
 variant: Stroke
-updated_at: 19.08.2023
+updated_at: 21.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/TabletFill.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="M5 3.25C3.48122 3.25 2.25 4.48122 2.25 6V18C2.25 19.5188 3.48122 20.75 5 20.75H19C20.5188 20.75 21.75 19.5188 21.75 18V6C21.75 4.48122 20.5188 3.25 19 3.25H5ZM10.5 5.75C10.0858 5.75 9.75 6.08579 9.75 6.5C9.75 6.91421 10.0858 7.25 10.5 7.25H13.5C13.9142 7.25 14.25 6.91421 14.25 6.5C14.25 6.08579 13.9142 5.75 13.5 5.75H10.5Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2.25C4.48122 2.25 3.25 3.48122 3.25 5V19C3.25 20.5188 4.48122 21.75 6 21.75H18C19.5188 21.75 20.75 20.5188 20.75 19V5C20.75 3.48122 19.5188 2.25 18 2.25H6ZM10.5 4.75C10.0858 4.75 9.75 5.08579 9.75 5.5C9.75 5.91421 10.0858 6.25 10.5 6.25H13.5C13.9142 6.25 14.25 5.91421 14.25 5.5C14.25 5.08579 13.9142 4.75 13.5 4.75H10.5Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/icons/TabletFill.yml

@@ -8,5 +8,5 @@ keywords:
   - brekkpunkt md
   - breakpoint md
 variant: Fill
-updated_at: 19.08.2023
+updated_at: 21.09.2023
 created_at: 07.03.2023

@navikt/aksel-icons/icons/TapWater.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.75 6C9.75 3.92893 11.4289 2.25 13.5 2.25H15C17.0711 2.25 18.75 3.92893 18.75 6V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V6C17.25 4.75736 16.2426 3.75 15 3.75H13.5C12.2574 3.75 11.25 4.75736 11.25 6V6.5C11.25 6.91421 10.9142 7.25 10.5 7.25C10.0858 7.25 9.75 6.91421 9.75 6.5V6ZM6.74692 9.9321C6.70942 9.51959 6.34461 9.21558 5.9321 9.25308C5.51959 9.29058 5.21558 9.65539 5.25308 10.0679L6.1704 20.1584C6.25235 21.0598 7.00811 21.75 7.91322 21.75H13.0868C13.9919 21.75 14.7477 21.0598 14.8296 20.1584L15.7469 10.0679C15.7844 9.65539 15.4804 9.29058 15.0679 9.25308C14.6554 9.21558 14.2906 9.51959 14.2531 9.9321L13.7003 16.013C12.5796 15.4907 11.2648 15.5887 10.2321 16.2771C9.50904 16.7591 8.56057 16.7328 7.86534 16.2114L7.45 15.8999L7.2777 15.7707L6.74692 9.9321ZM7.4549 17.7198L7.66424 20.0226C7.67595 20.1514 7.78392 20.25 7.91322 20.25H13.0868C13.2161 20.25 13.3241 20.1514 13.3358 20.0226L13.5546 17.6157L13.1178 17.3973C12.4599 17.0684 11.6762 17.1172 11.0642 17.5252C9.97459 18.2516 8.58948 18.3114 7.4549 17.7198ZM11.0303 8.46967L10.5 7.93934L9.96967 8.46967C9.69611 8.74323 9.28818 9.19715 8.94257 9.70472C8.62182 10.1758 8.25 10.8406 8.25 11.5C8.25 12.7426 9.25736 13.75 10.5 13.75C11.7426 13.75 12.75 12.7426 12.75 11.5C12.75 10.8406 12.3782 10.1758 12.0574 9.70472C11.7118 9.19715 11.3039 8.74323 11.0303 8.46967ZM9.75 11.5C9.75 11.3309 9.87818 10.9958 10.1824 10.549C10.2829 10.4013 10.3916 10.2574 10.5 10.1231C10.6084 10.2574 10.7171 10.4013 10.8176 10.549C11.1218 10.9958 11.25 11.3309 11.25 11.5C11.25 11.9142 10.9142 12.25 10.5 12.25C10.0858 12.25 9.75 11.9142 9.75 11.5Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74999 6C9.74999 3.92893 11.4289 2.25 13.5 2.25H15C17.0711 2.25 18.75 3.92893 18.75 6V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V6C17.25 4.75736 16.2426 3.75 15 3.75H13.5C12.2573 3.75 11.25 4.75736 11.25 6V6.5C11.25 6.91421 10.9142 7.25 10.5 7.25C10.0858 7.25 9.74999 6.91421 9.74999 6.5V6ZM6.74691 9.9321C6.70941 9.51959 6.3446 9.21558 5.93209 9.25308C5.51957 9.29058 5.21557 9.65539 5.25307 10.0679L6.17039 20.1584C6.25233 21.0598 7.0081 21.75 7.9132 21.75H13.0868C13.9919 21.75 14.7476 21.0598 14.8296 20.1584L15.7469 10.0679C15.7844 9.65539 15.4804 9.29058 15.0679 9.25308C14.6554 9.21558 14.2906 9.51959 14.2531 9.9321L13.7003 16.013C12.5796 15.4907 11.2647 15.5887 10.2321 16.2771C9.50903 16.7591 8.56055 16.7328 7.86533 16.2114L7.44999 15.8999L7.27769 15.7707L6.74691 9.9321ZM7.45488 17.7198L7.66423 20.0226C7.67593 20.1514 7.7839 20.25 7.9132 20.25H13.0868C13.2161 20.25 13.324 20.1514 13.3357 20.0226L13.5546 17.6157L13.1178 17.3973C12.4599 17.0684 11.6762 17.1172 11.0642 17.5252C9.97457 18.2516 8.58947 18.3114 7.45488 17.7198ZM11.0303 8.46967L10.5 7.93934L9.96966 8.46967C9.6961 8.74323 9.28816 9.19715 8.94255 9.70472C8.62181 10.1758 8.24999 10.8406 8.24999 11.5C8.24999 12.7426 9.25735 13.75 10.5 13.75C11.7426 13.75 12.75 12.7426 12.75 11.5C12.75 10.8406 12.3782 10.1758 12.0574 9.70472C11.7118 9.19715 11.3039 8.74323 11.0303 8.46967ZM9.74999 11.5C9.74999 11.3309 9.87817 10.9958 10.1824 10.549C10.2829 10.4013 10.3916 10.2574 10.5 10.1231C10.6084 10.2574 10.717 10.4013 10.8176 10.549C11.1218 10.9958 11.25 11.3309 11.25 11.5C11.25 11.9142 10.9142 12.25 10.5 12.25C10.0858 12.25 9.74999 11.9142 9.74999 11.5Z" fill="#23262A"/>
 </svg>

@navikt/aksel-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-icons",
-  "version": "5.2.0",
+  "version": "5.7.4",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/ikoner",
   "repository": {
@@ -33,7 +33,7 @@
       "import": "./dist/react/esm/index.js",
       "require": "./dist/react/cjs/index.js"
     },
-    "./svg/*.svg": "./dist/react/svg/*.svg",
+    "./svg/*.svg": "./dist/svg/*.svg",
     "./metadata": {
       "types": "./dist/metadata.d.ts",
       "default": "./dist/metadata.js"
@@ -52,11 +52,10 @@
   ],
   "scripts": {
     "create-icons": "svgr --silent --index-template config/index-template.js --out-dir src icons",
-    "copy-util": "copyfiles util/* src",
-    "copy-svg": "copyfiles -f 'icons/*.svg' dist/svg/",
-    "copy": "yarn copy-util && yarn copy-svg",
+    "parse-svg": "node -e 'require(\"./config/parse-svg.js\").main()'",
+    "copy": "copyfiles util/* src",
     "update-metadata": "node config/metadata.js",
-    "build": "yarn copy && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node config/cleanTypes.js && yarn update-metadata",
+    "build": "yarn copy && yarn create-icons && concurrently \"tsc\" \"tsc -p tsconfig.esm.json\" && node config/cleanTypes.js && yarn update-metadata && yarn parse-svg",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
     "fetch-new:icons": "node config/figma/index.mjs",
     "zip:icons": "node config/zip.js"
@@ -76,7 +75,7 @@
     "lodash.startcase": "4.4.0",
     "react": "^18.0.0",
     "rehype-parse": "8.0.4",
-    "typescript": "^4.8.0",
+    "typescript": "^5.1.6",
     "unified": "10.1.2"
   },
   "jest": {

@navikt/aksel-icons/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "../../tsconfig.build.json",
   "compilerOptions": {
     "outDir": "./dist/react/cjs",
     "module": "commonjs",

@navikt/aksel-icons/util/useId.ts

@@ -18,10 +18,8 @@ function useGlobalId(idOverride?: string): string | undefined {
   return id;
 }
 
-// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
 const maybeReactUseId: undefined | (() => string) = (React as any)[
-  // eslint-disable-next-line no-useless-concat
-  "useId" + ""
+  "useId" + "" // Workaround for https://github.com/webpack/webpack/issues/14814
 ];
 /**
  *

@navikt/aksel-stylelint/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @navikt/aksel-stylelint
 
+## 5.7.4
+
+## 5.7.3
+
+## 5.7.2
+
+## 5.7.1
+
+## 5.7.0
+
+## 5.6.5
+
+## 5.6.4
+
+## 5.6.3
+
+## 5.6.2
+
+## 5.6.1
+
+## 5.6.0
+
+## 5.5.0
+
+## 5.4.1
+
+## 5.4.0
+
+## 5.3.5
+
+## 5.3.4
+
+## 5.3.3
+
+## 5.3.2
+
+## 5.3.1
+
+## 5.3.0
+
+## 5.2.1
+
 ## 5.2.0
 
 ## 5.1.0

@navikt/aksel-stylelint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "5.2.0",
+  "version": "5.7.4",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^5.2.0",
-    "@navikt/ds-tokens": "^5.2.0",
+    "@navikt/ds-css": "^5.7.4",
+    "@navikt/ds-tokens": "^5.7.4",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",
@@ -45,7 +45,8 @@
     "postcss-selector-parser": "^6.0.13",
     "postcss-value-parser": "^4.2.0",
     "stylelint": "^14.8.5",
-    "typescript": "^4.8.0"
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.1.6"
   },
   "jest": {
     "preset": "jest-preset-stylelint",

@navikt/aksel-stylelint/src/deprecations.ts

@@ -38,4 +38,16 @@ export const deprecations: DeprecatedList = [
     classes: ["navds-modal__content"],
     message: "Renamed to `.navds-modal__body` in v5.0.0",
   },
+  {
+    classes: ["navds-guide__illustration"],
+    message: "Use `.navds-guide` instead",
+  },
+  {
+    classes: [
+      "navds-guide__illustration--small",
+      "navds-guide__illustration--medium",
+    ],
+    message:
+      "There is no 1:1 replacement for this, the size will depend on the 'poster' prop and the viewport width",
+  },
 ];

@navikt/aksel-stylelint/src/rules/aksel-design-token-exists/index.ts

@@ -1,7 +1,7 @@
-import stylelint from "stylelint";
-import valueParser from "postcss-value-parser";
 import { readFileSync } from "node:fs";
 import { Node as PostCSSNode } from "postcss";
+import valueParser from "postcss-value-parser";
+import stylelint from "stylelint";
 
 import { isCustomProperty, tokenExists } from "../../utils";
 
@@ -34,7 +34,6 @@ export const messages = stylelint.utils.ruleMessages(ruleName, {
 });
 
 const checkDeclValue = (
-  controlledPrefixes: string[],
   value: string,
   postcssResult: stylelint.PostcssResult,
   rootNode: PostCSSNode
@@ -58,7 +57,6 @@ const checkDeclValue = (
 };
 
 const checkDeclProp = (
-  controlledPrefixes: string[],
   prop: string,
   postcssResult: stylelint.PostcssResult,
   rootNode: PostCSSNode
@@ -81,8 +79,8 @@ const checkDeclProp = (
 const ruleFunction: stylelint.Rule = () => {
   return (postcssRoot, postcssResult) => {
     postcssRoot.walkDecls((node) => {
-      checkDeclValue(controlledPrefixes, node.value, postcssResult, node);
-      checkDeclProp(controlledPrefixes, node.prop, postcssResult, node);
+      checkDeclValue(node.value, postcssResult, node);
+      checkDeclProp(node.prop, postcssResult, node);
     });
   };
 };

@navikt/aksel-stylelint/src/utils.ts

@@ -90,17 +90,7 @@ export const flattenObject = (obj) => {
 const tokenCSSFile = "./index.css";
 const tokenJsonFile = "./tokens.json";
 
-let allowedTokenNames = [];
-
-export const addTokens = (
-  tokenJSONFile: string,
-  allowedTokenNames: string[]
-) => {
-  const jsonFileBuffer = readFileSync(`${__dirname}/${tokenJSONFile}`);
-  const fileString = jsonFileBuffer.toString();
-  const flattened = flattenObject(JSON.parse(fileString));
-  flattened.forEach((token) => allowedTokenNames.push(token));
-};
+const allowedTokenNames = [];
 
 export const tokenExists = (
   controlledPrefixes: string[],
@@ -110,7 +100,6 @@ export const tokenExists = (
   if (!allowedTokenNames.length) {
     const cssFileBuffer = readFileSync(`${__dirname}/${tokenCSSFile}`);
     const cssFileString = cssFileBuffer.toString();
-
     valueParser(cssFileString).walk((node) => {
       if (
         node.type === "word" &&
@@ -121,7 +110,9 @@ export const tokenExists = (
       }
     });
 
-    addTokens(tokenJsonFile, allowedTokenNames);
+    const jsonFileBuffer = readFileSync(`${__dirname}/${tokenJsonFile}`);
+    const flattened = flattenObject(JSON.parse(jsonFileBuffer.toString()));
+    flattened.forEach((token) => allowedTokenNames.push(token));
   }
 
   return allowedTokenNames.includes(inputToken);

@navikt/aksel/CHANGELOG.md

@@ -1,5 +1,152 @@
 # @navikt/aksel
 
+## 5.7.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.7.4
+
+## 5.7.3
+
+### Patch Changes
+
+- Updated dependencies [[`3d3e90760`](https://github.com/navikt/aksel/commit/3d3e9076088c5e72ed89fb97109b75dcf6e09d96), [`d8a4097c8`](https://github.com/navikt/aksel/commit/d8a4097c82ceee95bd216b36e1dc8eb99e75d7ee), [`a6b673386`](https://github.com/navikt/aksel/commit/a6b67338612b7944dc4e6b3d541244f521e94500)]:
+  - @navikt/ds-css@5.7.3
+
+## 5.7.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.7.2
+
+## 5.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`cb8c7cabe`](https://github.com/navikt/aksel/commit/cb8c7cabeec6ddcf08c06debd7ca889888b1f5e6)]:
+  - @navikt/ds-css@5.7.1
+
+## 5.7.0
+
+### Patch Changes
+
+- Updated dependencies [[`70c5affbd`](https://github.com/navikt/aksel/commit/70c5affbd3bfb245e905043e7d3ae1c97eeef5e3)]:
+  - @navikt/ds-css@5.7.0
+
+## 5.6.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.6.5
+
+## 5.6.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.6.4
+
+## 5.6.3
+
+### Patch Changes
+
+- Updated dependencies [[`66ec09581`](https://github.com/navikt/aksel/commit/66ec09581c6350ab1bccd473512b29d303ef75f5)]:
+  - @navikt/ds-css@5.6.3
+
+## 5.6.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.6.2
+
+## 5.6.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.6.1
+
+## 5.6.0
+
+### Patch Changes
+
+- Updated dependencies [[`ddf13d783`](https://github.com/navikt/aksel/commit/ddf13d783b4c34f5c99ed6d8fd73cb1a2f7616fc), [`014fedb05`](https://github.com/navikt/aksel/commit/014fedb0518e9f70dfca4516621922f9f9049d61), [`82e982727`](https://github.com/navikt/aksel/commit/82e98272751532406225264577de634cc63f81d0), [`d1801a77c`](https://github.com/navikt/aksel/commit/d1801a77c0093d022f245f885edf401e44c75596), [`90e5053a6`](https://github.com/navikt/aksel/commit/90e5053a6778963a338b260472279acb7862e079), [`2aa3cd56f`](https://github.com/navikt/aksel/commit/2aa3cd56ff720433f03f7b36e957fb4362ebb085), [`2aa3cd56f`](https://github.com/navikt/aksel/commit/2aa3cd56ff720433f03f7b36e957fb4362ebb085), [`6535c227c`](https://github.com/navikt/aksel/commit/6535c227c57c37333950a6e7cb64c4921549dc58)]:
+  - @navikt/ds-css@5.6.0
+
+## 5.5.0
+
+### Patch Changes
+
+- Updated dependencies [[`9f2052e1c`](https://github.com/navikt/aksel/commit/9f2052e1c2f31735896d082f3fece66b080a4f4e), [`83c9194a4`](https://github.com/navikt/aksel/commit/83c9194a480fd3d184f673815522f230ed5d77bb)]:
+  - @navikt/ds-css@5.5.0
+
+## 5.4.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.4.1
+
+## 5.4.0
+
+### Patch Changes
+
+- Updated dependencies [[`bff7c836f`](https://github.com/navikt/aksel/commit/bff7c836f8b0c604da1bfac49f60d6ae07d04624), [`7be9dd88c`](https://github.com/navikt/aksel/commit/7be9dd88ca8751aa03ddb9f40c21990b6d81a26a)]:
+  - @navikt/ds-css@5.4.0
+
+## 5.3.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.3.5
+
+## 5.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`b8b7ad142`](https://github.com/navikt/aksel/commit/b8b7ad142dfb8a202c4adb115e3d2491ce917205)]:
+  - @navikt/ds-css@5.3.4
+
+## 5.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`6f2325bbb`](https://github.com/navikt/aksel/commit/6f2325bbb32de87d649a476a8c58e5f352e1d016)]:
+  - @navikt/ds-css@5.3.3
+
+## 5.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`4e0599342`](https://github.com/navikt/aksel/commit/4e0599342761f2a0fe2177c370f4bcf4fab7ef8a)]:
+  - @navikt/ds-css@5.3.2
+
+## 5.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`596b94ffa`](https://github.com/navikt/aksel/commit/596b94ffaedf05b3ce96917c0d4203569f3c8cf0), [`960a08247`](https://github.com/navikt/aksel/commit/960a08247cf3370eca76febeb18c8bfe9ba3bff5)]:
+  - @navikt/ds-css@5.3.1
+
+## 5.3.0
+
+### Patch Changes
+
+- Updated dependencies [[`03cdeff3a`](https://github.com/navikt/aksel/commit/03cdeff3a0053e91c45204df92168ae0e824d31c)]:
+  - @navikt/ds-css@5.3.0
+
+## 5.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`efad85b38`](https://github.com/navikt/aksel/commit/efad85b38340b31aae1b7ed1496e9c55303062dd)]:
+  - @navikt/ds-css@5.2.1
+
 ## 5.2.0
 
 ### Patch Changes

@navikt/aksel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel",
-  "version": "5.2.0",
+  "version": "5.7.4",
   "description": "Aksel command line interface. Handles css-imports, codemods and more",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -29,7 +29,7 @@
   },
   "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
   "dependencies": {
-    "@navikt/ds-css": "5.2.0",
+    "@navikt/ds-css": "5.7.4",
     "axios": "1.3.6",
     "chalk": "4.1.0",
     "clipboardy": "^2.3.0",
@@ -49,7 +49,7 @@
     "jest": "^29.0.0",
     "rimraf": "3.0.2",
     "ts-jest": "^29.0.0",
-    "typescript": "^4.8.0"
+    "typescript": "^5.1.6"
   },
   "sideEffects": false,
   "engines": {

@navikt/aksel/src/codemod/migrations.ts

@@ -111,9 +111,9 @@ export function getMigrationNames() {
 export function getMigrationString() {
   let str = "";
 
-  Object.entries(migrations).forEach(([version, migrations]) => {
+  Object.entries(migrations).forEach(([version, vMigrations]) => {
     str += `\n${chalk.underline(version)}\n`;
-    migrations.forEach((migration) => {
+    vMigrations.forEach((migration) => {
       str += `${chalk.blue(migration.value)}: ${migration.description}\n`;
     });
   });

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

@@ -5,7 +5,7 @@ import renameProps from "../../../utils/rename-props";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api, options) {
+export default function transformer(file, api) {
   const j = api.jscodeshift;
   let localName = "SpeechBubble";
 

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

@@ -4,7 +4,7 @@ import { getLineTerminator } from "../../../utils/lineterminator";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api, options) {
+export default function transformer(file, api) {
   const j = api.jscodeshift;
   let localName = "Pagination";
 
@@ -13,10 +13,10 @@ export default function transformer(file, api, options) {
   function addMigrationTag(node) {
     const attributes = node.openingElement.attributes;
     const isMigrated = attributes.find(
-      (node) =>
-        node.type === "JSXAttribute" &&
-        node.name.name === "data-version" &&
-        node.value.value === "v1"
+      (attr) =>
+        attr.type === "JSXAttribute" &&
+        attr.name.name === "data-version" &&
+        attr.value.value === "v1"
     );
 
     if (!isMigrated) {
@@ -30,7 +30,7 @@ export default function transformer(file, api, options) {
   function addExplicitStandardProp(node) {
     const attributes = node.openingElement.attributes;
     const variant = attributes.find(
-      (node) => node.type === "JSXAttribute" && node.name.name === "size"
+      (attr) => attr.type === "JSXAttribute" && attr.name.name === "size"
     );
 
     if (!variant) {
@@ -62,7 +62,7 @@ export default function transformer(file, api, options) {
         (x) => x.name.name === "data-version" && x.value.value === "v1"
       );
 
-      parent.value.openingElement?.attributes.forEach((x, index) => {
+      parent.value.openingElement?.attributes.forEach((x) => {
         let didUpdate = false;
         if (x.name?.name === "size" && x.type === "JSXAttribute" && !skip) {
           /* addExplicitStandardProp */

@navikt/aksel/src/codemod/transforms/v1.0.0/preset/preset.ts

@@ -6,10 +6,10 @@ import transformPagination from "../pagination/pagination";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api, options) {
-  file.source = transformTabs(file, api, options);
-  file.source = transformChat(file, api, options);
-  file.source = transformPagination(file, api, options);
+export default function transformer(file, api) {
+  file.source = transformTabs(file, api);
+  file.source = transformChat(file, api);
+  file.source = transformPagination(file, api);
 
   return file.source;
 }

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

@@ -5,7 +5,7 @@ import renameProps from "../../../utils/rename-props";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api, options) {
+export default function transformer(file, api) {
   const j = api.jscodeshift;
   let localName = "Tabs";
   let iconPositionProp = null;

@navikt/aksel/src/codemod/transforms/v2.0.0/update-css-tokens/update-css-tokens.ts

@@ -4,11 +4,10 @@ import { tokens } from "../../../tokens-map.mjs";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api) {
+export default function transformer(file) {
   let src = file.source;
 
   tokens.forEach((tok) => {
-    // eslint-disable-next-line no-useless-concat
     const rgx = new RegExp("(" + `${tok[0]}:` + ")", "gm");
     src = src.replace(rgx, `--v2-migration${tok[0].replace("--", "__")}:`);
   });

@navikt/aksel/src/codemod/transforms/v2.0.0/update-js-tokens/update-js-tokens.ts

@@ -1,19 +1,19 @@
 import type { JSCodeshift } from "jscodeshift";
+import { tokens } from "../../../tokens-map.mjs";
 import {
   getImportSpecifier,
   getImportSpecifierName,
   renameImportSpecifier,
 } from "../../../utils/imports";
-import { translateToken } from "../../../utils/translate-token";
-import { tokens } from "../../../tokens-map.mjs";
 import { getLineTerminator } from "../../../utils/lineterminator";
+import { translateToken } from "../../../utils/translate-token";
 
 /**
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
 export default function transformer(file: JSCodeshift, api) {
-  let src = file.source;
+  const src = file.source;
 
   const j = api.jscodeshift as JSCodeshift;
 
@@ -29,9 +29,9 @@ export default function transformer(file: JSCodeshift, api) {
     return src;
   }
 
-  tokens.forEach((x) => {
-    const name = translateToken(x[0], "js");
-    const out = translateToken(x[1], "js");
+  tokens.forEach((token) => {
+    const name = translateToken(token[0], "js");
+    const out = translateToken(token[1], "js");
 
     let foundName: string = "";
 

@navikt/aksel/src/codemod/transforms/v2.0.0/update-less-tokens/update-less-tokens.ts

@@ -5,7 +5,7 @@ import { tokens } from "../../../tokens-map.mjs";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api) {
+export default function transformer(file) {
   let src = file.source;
 
   tokens.forEach((tok) => {

@navikt/aksel/src/codemod/transforms/v2.0.0/update-sass-tokens/update-sass-tokens.ts

@@ -5,7 +5,7 @@ import { tokens } from "../../../tokens-map.mjs";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api) {
+export default function transformer(file) {
   let src = file.source;
 
   tokens.forEach((tok) => {

@navikt/aksel/src/codemod/transforms/v3.0.0/copybutton/copybutton.ts

@@ -7,7 +7,7 @@ import { getLineTerminator } from "../../../utils/lineterminator";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api, options, ...rest) {
+export default function transformer(file, api) {
   const j = api.jscodeshift;
 
   let root: any;

@navikt/aksel/src/codemod/transforms/v4.0.0/internal-react/internal-react.ts

@@ -5,7 +5,7 @@ import moveAndRenameImport from "../../../utils/moveAndRenameImport";
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-export default function transformer(file, api, options, ...rest) {
+export default function transformer(file, api) {
   const j = api.jscodeshift;
 
   let root: any;

@navikt/aksel/src/codemod/utils/check.ts

@@ -3,7 +3,7 @@ import path from "node:path";
 
 import prettier from "prettier";
 
-const applyTransform = require("jscodeshift/dist/testUtils").applyTransform;
+import { applyTransform } from "jscodeshift/dist/testUtils";
 
 interface TestT {
   fixture: string;

@navikt/aksel/src/codemod/utils/tests/translate-token.test.ts

@@ -1,7 +1,5 @@
 import { translateToken } from "../translate-token";
 
-export {};
-
 jest.autoMockOff();
 
 const tokens = [

@navikt/aksel/src/css-imports/generate-output.ts

@@ -7,6 +7,7 @@ import {
   componentDir,
   rootDir,
   globalDir,
+  primitivesCss,
 } from "@navikt/ds-css/config/_mappings";
 import { inquiry } from "./inquiry";
 import clipboard from "clipboardy";
@@ -143,6 +144,13 @@ function advancedOutput(
     componentImportsList.unshift(formCss);
   }
 
+  if (componentImportsList.find((x) => x === primitivesCss)) {
+    componentImportsList = componentImportsList.filter(
+      (x) => x !== primitivesCss
+    );
+    componentImportsList.unshift(primitivesCss);
+  }
+
   if (componentImportsList.find((x) => x === typoCss)) {
     componentImportsList = componentImportsList.filter((x) => x !== typoCss);
     componentImportsList.unshift(typoCss);

@navikt/aksel/src/css-imports/index.ts

@@ -10,7 +10,7 @@ import { getDirectories } from "./get-directories";
 import { getAllVersions } from "./get-version";
 
 export async function cssImportsCommand() {
-  let answers: AnswersT = {
+  const answers: AnswersT = {
     "config-type": "regular",
     cdn: "no",
     version: "0.0.0",

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,129 @@
 # @navikt/ds-css
 
+## 5.7.4
+
+## 5.7.3
+
+### Patch Changes
+
+- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
+
+- Select: Tokenstøtte for å endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383))
+
+- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+
+## 5.7.2
+
+## 5.7.1
+
+### Patch Changes
+
+- Radio: readonly håndterer nå hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363))
+
+## 5.7.0
+
+### Patch Changes
+
+- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355))
+
+## 5.6.5
+
+## 5.6.4
+
+## 5.6.3
+
+### Patch Changes
+
+- :bug: Modal: Sett riktig tekstfarge ([#2340](https://github.com/navikt/aksel/pull/2340))
+
+## 5.6.2
+
+## 5.6.1
+
+## 5.6.0
+
+### Minor Changes
+
+- Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278))
+
+### Patch Changes
+
+- :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279))
+
+- Accordion: Har nå 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310))
+
+- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293))
+
+- :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329))
+
+- Stack: Kan nå endre direction, justify og align ved brekkpunkt. `Stack` er også nå en egen komponent sammen med `HStack` og `VStack`. ([#2286](https://github.com/navikt/aksel/pull/2286))
+
+- Datepicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311))
+
+- MonthPicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311))
+
+## 5.5.0
+
+### Minor Changes
+
+- Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195))
+
+### Patch Changes
+
+- Skeleton: Width fungerer nå med inline-variant av Skeleton ([#2273](https://github.com/navikt/aksel/pull/2273))
+
+## 5.4.1
+
+## 5.4.0
+
+### Minor Changes
+
+- Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222))
+
+### Patch Changes
+
+- ErrorSummary: Har nå 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256))
+
+## 5.3.5
+
+## 5.3.4
+
+### Patch Changes
+
+- Alert: 12px -> 8px gap mellom tekst og ikon ved `size="small"` ([#2240](https://github.com/navikt/aksel/pull/2240))
+
+## 5.3.3
+
+### Patch Changes
+
+- HGrid: Har nå `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242))
+
+## 5.3.2
+
+### Patch Changes
+
+- Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239))
+
+## 5.3.1
+
+### Patch Changes
+
+- :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229))
+
+- :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227))
+
+## 5.3.0
+
+### Minor Changes
+
+- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211))
+
+## 5.2.1
+
+### Patch Changes
+
+- Font: Fikset henting av italic-font ([#2220](https://github.com/navikt/aksel/pull/2220))
+
 ## 5.2.0
 
 ### Patch Changes

@navikt/core/css/accordion.css

@@ -1,3 +1,7 @@
+.navds-accordion {
+  --__ac-accordion-header-shadow-color: var(--ac-accordion-header-border, var(--a-border-divider));
+}
+
 .navds-accordion__item:focus-within {
   position: relative;
 }
@@ -6,7 +10,6 @@
  * Header *
  *************************/
 .navds-accordion__header {
-  --__ac-accordion-header-shadow-color: var(--ac-accordion-header-border, var(--a-border-divider));
   --__ac-accordion-header-shadow: inset 2px 0 0 0 var(--a-transparent), inset -2px 0 0 0 var(--a-transparent),
     inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);
 
@@ -143,12 +146,12 @@
  *************************/
 
 .navds-accordion__content {
-  padding: 0 var(--a-spacing-3) var(--a-spacing-5);
+  padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5);
   animation: fadeAccordionContent 250ms ease;
 }
 
 .navds-accordion--indent > :where(.navds-accordion__item) > :where(.navds-accordion__content) {
-  padding: 0 var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
+  padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
 }
 
 .navds-accordion__content--closed {

@navikt/core/css/alert.css

@@ -11,8 +11,17 @@
   max-width: 43.5rem;
 }
 
+.navds-alert--close-button > .navds-alert__wrapper {
+  margin-block-start: var(--a-spacing-05);
+}
+
+.navds-alert--small.navds-alert--close-button > .navds-alert__wrapper {
+  margin-block-start: var(--a-spacing-1);
+}
+
 .navds-alert--small {
   padding: var(--a-spacing-2) var(--a-spacing-4);
+  gap: var(--a-spacing-2);
 }
 
 .navds-alert--full-width {
@@ -24,19 +33,20 @@
   font-size: 1.5rem;
   align-self: flex-start;
   height: var(--a-font-line-height-xlarge);
-  margin-inline: var(--a-spacing-1);
-  margin-block: 0;
-  margin-block-start: -1px;
   background: radial-gradient(circle, var(--a-surface-default) 50%, 0, transparent);
 }
 
-.navds-alert--close-button > .navds-alert__icon,
 .navds-alert--small > .navds-alert__icon {
   margin-block-start: 0;
+  height: var(--a-font-line-height-large);
 }
 
-.navds-alert--small > .navds-alert__icon {
-  height: var(--a-font-line-height-large);
+.navds-alert--close-button > .navds-alert__icon {
+  margin-block-start: var(--a-spacing-05);
+}
+
+.navds-alert--small.navds-alert--close-button > .navds-alert__icon {
+  margin-block-start: var(--a-spacing-1);
 }
 
 .navds-alert--error {

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

@@ -28,6 +28,7 @@
 .navds-sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
@@ -50,6 +51,7 @@
 .navds-sr-only.focusable:active,
 .navds-sr-only.focusable:focus {
   clip: auto;
+  clip-path: none;
   height: auto;
   margin: 0;
   overflow: visible;

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

@@ -10,7 +10,7 @@
   font-style: italic;
   font-weight: 600;
   font-display: swap;
-  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin-semibold") format("woff2");
+  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin-semibold.woff2") format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro";

@navikt/core/css/button.css

@@ -1,18 +1,35 @@
 [data-theme="dark"] {
-  --ac-button-primary-text: var(--a-gray-900);
-  --ac-button-primary-bg: var(--a-blue-200);
-  --ac-button-primary-focus-border: var(--a-gray-900);
-  --ac-button-primary-hover-bg: var(--a-blue-300);
-  --ac-button-primary-active-bg: var(--a-blue-400);
-  --ac-button-secondary-text: var(--a-white);
-  --ac-button-secondary-hover-text: var(--a-white);
-  --ac-button-secondary-active-text: var(--a-white);
-  --ac-button-secondary-active-focus-border: var(--a-gray-900);
-  --ac-button-secondary-bg: var(--a-gray-900);
-  --ac-button-secondary-border: var(--a-blue-200);
-  --ac-button-secondary-hover-bg: var(--a-gray-800);
-  --ac-button-secondary-focus-border: var(--a-blue-200);
-  --ac-button-secondary-active-bg: var(--a-gray-700);
+  --__ac-button-primary-text: var(--a-gray-900);
+  --__ac-button-primary-bg: var(--a-blue-200);
+  --__ac-button-primary-focus-border: var(--a-gray-900);
+  --__ac-button-primary-hover-bg: var(--a-blue-300);
+  --__ac-button-primary-active-bg: var(--a-blue-400);
+  --__ac-button-secondary-text: var(--a-white);
+  --__ac-button-secondary-hover-text: var(--a-white);
+  --__ac-button-secondary-active-text: var(--a-white);
+  --__ac-button-secondary-active-focus-border: var(--a-gray-900);
+  --__ac-button-secondary-bg: var(--a-gray-900);
+  --__ac-button-secondary-border: var(--a-blue-200);
+  --__ac-button-secondary-hover-bg: var(--a-gray-800);
+  --__ac-button-secondary-focus-border: var(--a-blue-200);
+  --__ac-button-secondary-active-bg: var(--a-gray-700);
+}
+
+[data-theme="light"] {
+  --__ac-button-primary-text: initial;
+  --__ac-button-primary-bg: initial;
+  --__ac-button-primary-focus-border: initial;
+  --__ac-button-primary-hover-bg: initial;
+  --__ac-button-primary-active-bg: initial;
+  --__ac-button-secondary-text: initial;
+  --__ac-button-secondary-hover-text: initial;
+  --__ac-button-secondary-active-text: initial;
+  --__ac-button-secondary-active-focus-border: initial;
+  --__ac-button-secondary-bg: initial;
+  --__ac-button-secondary-border: initial;
+  --__ac-button-secondary-hover-bg: initial;
+  --__ac-button-secondary-focus-border: initial;
+  --__ac-button-secondary-active-bg: initial;
 }
 
 .navds-button {
@@ -109,25 +126,29 @@
  *************************/
 
 .navds-button--primary {
-  background-color: var(--ac-button-primary-bg, var(--a-surface-action));
-  color: var(--ac-button-primary-text, var(--a-text-on-action));
+  background-color: var(--ac-button-primary-bg, var(--__ac-button-primary-bg, var(--a-surface-action)));
+  color: var(--ac-button-primary-text, var(--__ac-button-primary-text, var(--a-text-on-action)));
 }
 
 .navds-button--primary:hover {
-  background-color: var(--ac-button-primary-hover-bg, var(--a-surface-action-hover));
+  background-color: var(--ac-button-primary-hover-bg, var(--__ac-button-primary-hover-bg, var(--a-surface-action-hover)));
 }
 
 .navds-button--primary:active {
-  background-color: var(--ac-button-primary-active-bg, var(--a-surface-action-active));
+  background-color: var(--ac-button-primary-active-bg, var(--__ac-button-primary-active-bg, var(--a-surface-action-active)));
 }
 
 .navds-button--primary:focus-visible {
-  box-shadow: inset 0 0 0 1px var(--ac-button-primary-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+  box-shadow: inset 0 0 0 1px
+      var(--ac-button-primary-focus-border, var(--__ac-button-primary-focus-border, var(--a-surface-default))),
+    var(--a-shadow-focus);
 }
 
 @supports not selector(:focus-visible) {
   .navds-button--primary:focus {
-    box-shadow: inset 0 0 0 1px var(--ac-button-primary-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+    box-shadow: inset 0 0 0 1px
+        var(--ac-button-primary-focus-border, var(--__ac-button-primary-focus-border, var(--a-surface-default))),
+      var(--a-shadow-focus);
   }
 }
 
@@ -173,47 +194,58 @@
  **************************/
 
 .navds-button--secondary {
-  color: var(--ac-button-secondary-text, var(--a-text-action));
-  background-color: var(--ac-button-secondary-bg, var(--a-surface-transparent));
-  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--a-border-action));
+  color: var(--ac-button-secondary-text, var(--__ac-button-secondary-text, var(--a-text-action)));
+  background-color: var(--ac-button-secondary-bg, var(--__ac-button-secondary-bg, var(--a-surface-transparent)));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--__ac-button-secondary-border, var(--a-border-action)));
 }
 
 .navds-button--secondary:hover {
-  color: var(--ac-button-secondary-hover-text, var(--a-text-action-on-action-subtle));
-  background-color: var(--ac-button-secondary-hover-bg, var(--a-surface-action-subtle-hover));
+  color: var(--ac-button-secondary-hover-text, var(--__ac-button-secondary-hover-text, var(--a-text-action-on-action-subtle)));
+  background-color: var(
+    --ac-button-secondary-hover-bg,
+    var(--__ac-button-secondary-hover-bg, var(--a-surface-action-subtle-hover))
+  );
 }
 
 .navds-button--secondary:focus-visible {
-  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
+  box-shadow: inset 0 0 0 2px
+      var(--ac-button-secondary-focus-border, var(--__ac-button-secondary-focus-border, var(--a-border-action))),
+    var(--a-shadow-focus);
 }
 
 @supports not selector(:focus-visible) {
   .navds-button--secondary:focus {
-    box-shadow: inset 0 0 0 2px var(--ac-button-secondary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
+    box-shadow: inset 0 0 0 2px
+        var(--ac-button-secondary-focus-border, var(--__ac-button-secondary-focus-border, var(--a-border-action))),
+      var(--a-shadow-focus);
   }
 }
 
 .navds-button--secondary:active {
-  color: var(--ac-button-secondary-active-text, var(--a-text-on-action));
-  background-color: var(--ac-button-secondary-active-bg, var(--a-surface-action-active));
+  color: var(--ac-button-secondary-active-text, var(--__ac-button-secondary-active-text, var(--a-text-on-action)));
+  background-color: var(--ac-button-secondary-active-bg, var(--__ac-button-secondary-active-bg, var(--a-surface-action-active)));
   box-shadow: none;
 }
 
 .navds-button--secondary:focus-visible:active {
-  box-shadow: inset 0 0 0 1px var(--ac-button-secondary-active-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+  box-shadow: inset 0 0 0 1px
+      var(--ac-button-secondary-active-focus-border, var(--__ac-button-secondary-active-focus-border, var(--a-surface-default))),
+    var(--a-shadow-focus);
 }
 
 @supports not selector(:focus-visible) {
   .navds-button--secondary:focus:active {
-    box-shadow: inset 0 0 0 1px var(--ac-button-secondary-active-focus-border, var(--a-surface-default)), var(--a-shadow-focus);
+    box-shadow: inset 0 0 0 1px
+        var(--ac-button-secondary-active-focus-border, var(--__ac-button-secondary-active-focus-border, var(--a-surface-default))),
+      var(--a-shadow-focus);
   }
 }
 
 .navds-button--secondary:where(:disabled, .navds-button--disabled),
 .navds-button--secondary:hover:where(:disabled, .navds-button--disabled) {
-  color: var(--ac-button-secondary-text, var(--a-text-action));
-  background-color: var(--ac-button-secondary-bg, var(--a-surface-transparent));
-  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--a-border-action));
+  color: var(--ac-button-secondary-text, var(--__ac-button-secondary-text, var(--a-text-action)));
+  background-color: var(--ac-button-secondary-bg, var(--__ac-button-secondary-bg, var(--a-surface-transparent)));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--__ac-button-secondary-border, var(--a-border-action)));
 }
 
 /**************************

@navikt/core/css/chips.css

@@ -160,11 +160,11 @@
 }
 
 .navds-chips--icon-left {
-  padding-left: 0.375rem;
+  padding-left: var(--a-spacing-1-alt);
 }
 
 .navds-chips--icon-right {
-  padding-right: 0.375rem;
+  padding-right: var(--a-spacing-1-alt);
 }
 
 .navds-chips--small .navds-chips--icon-right {

@navikt/core/css/config/_mappings.d.ts

@@ -3,6 +3,7 @@ export declare const globalDir = "dist/global";
 export declare const componentDir = "dist/component";
 export declare const typoCss = "typography.css";
 export declare const formCss = "form.css";
+export declare const primitivesCss = "primitives.css";
 export declare const componentsCss = "components.css";
 export declare const StyleMappings: {
   baseline: {

@navikt/core/css/config/_mappings.js

@@ -4,6 +4,7 @@ const componentDir = "dist/component";
 
 const typoCss = "typography.css";
 const formCss = "form.css";
+const primitivesCss = "primitives.css";
 const componentsCss = "components.css";
 
 const StyleMappings = {
@@ -30,6 +31,34 @@ const StyleMappings = {
     },
   ],
   components: [
+    {
+      component: "Box",
+      main: primitivesCss,
+    },
+    {
+      component: "HGrid",
+      main: primitivesCss,
+    },
+    {
+      component: "HStack",
+      main: primitivesCss,
+    },
+    {
+      component: "VStack",
+      main: primitivesCss,
+    },
+    {
+      component: "Spacer",
+      main: primitivesCss,
+    },
+    {
+      component: "Show",
+      main: primitivesCss,
+    },
+    {
+      component: "Hide",
+      main: primitivesCss,
+    },
     {
       component: "Accordion",
       main: "accordion.css",
@@ -99,10 +128,6 @@ const StyleMappings = {
       main: "help-text.css",
       dependencies: ["popover.css"],
     },
-    {
-      component: "HGrid",
-      main: "hgrid.css",
-    },
     { component: "Ingress", main: typoCss },
     {
       component: "InternalHeader",
@@ -138,18 +163,6 @@ const StyleMappings = {
     { component: "Select", main: formCss, dependencies: [typoCss] },
     { component: "Skeleton", main: "skeleton.css", dependencies: [] },
     { component: "Stepper", main: "stepper.css", dependencies: [typoCss] },
-    {
-      component: "HStack",
-      main: "stack.css",
-    },
-    {
-      component: "VStack",
-      main: "stack.css",
-    },
-    {
-      component: "Spacer",
-      main: "stack.css",
-    },
     { component: "Switch", main: formCss, dependencies: [typoCss] },
     { component: "Table", main: "table.css", dependencies: [typoCss] },
     { component: "Tabs", main: "tabs.css", dependencies: [typoCss] },
@@ -170,7 +183,7 @@ const StyleMappings = {
     {
       component: "DatePicker",
       main: "date.css",
-      dependencies: [typoCss, "button.css", "popover.css"],
+      dependencies: [typoCss, primitivesCss, "button.css", "popover.css"],
     },
     {
       component: "MonthPicker",
@@ -184,6 +197,7 @@ module.exports = {
   StyleMappings,
   typoCss,
   formCss,
+  primitivesCss,
   componentsCss,
   rootDir,
   globalDir,

@navikt/core/css/config/bundle.js

@@ -16,6 +16,7 @@ const {
   rootDir,
   globalDir,
   componentDir,
+  primitivesCss,
 } = require("./_mappings.js");
 
 run();
@@ -123,6 +124,11 @@ function buildFragmentFiles() {
     output: `${componentDir}/${formCss}`,
   });
 
+  files.push({
+    input: "primitives/index.css",
+    output: `${componentDir}/${primitivesCss}`,
+  });
+
   return files;
 }