Version Packages (#3706)

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

.eslintrc.js

@@ -92,6 +92,13 @@ module.exports = {
         ],
       },
     },
+    {
+      files: ["**/app/**/query-types.ts"],
+      extends: ["plugin:@typescript-eslint/recommended"],
+      rules: {
+        "@typescript-eslint/array-type": "off",
+      },
+    },
     {
       files: ["**/*.test.*", "**/__tests__/*"],
       plugins: ["@vitest"],
@@ -179,6 +186,8 @@ module.exports = {
     "esm",
     "cjs",
     "dist",
+    "@navikt/aksel/**/*.input.*",
+    "@navikt/aksel/**/*.output.*",
     "**/codemod/**/*.js",
     "!.storybook",
     "**/playwright-report/**",

.github/actions/build-website/action.yml

@@ -19,6 +19,10 @@ inputs:
   sanity_read_no_drafts_token:
     description: "Sanity read-only token allowing only published documents"
     required: true
+  production:
+    description: "Toggle to differentiate production build (inject stuff based on this)"
+    default: false
+    required: false
 
 runs:
   using: "composite"
@@ -38,6 +42,12 @@ runs:
         echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
       shell: bash
 
+    - name: Set production env var
+      if: ${{ inputs.production == 'true' }}
+      run: |
+        echo "PRODUCTION=true" >> aksel.nav.no/website/.env
+      shell: bash
+
     - name: Build Next.js website
       run: yarn build:next
       env:

.github/dependabot.yml

@@ -0,0 +1,20 @@
+version: 2
+registries:
+  npm-github:
+    type: npm-registry
+    url: https://npm.pkg.github.com
+    token: ${{ secrets.READER_TOKEN }}
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+    registries:
+      - npm-github
+
+  - package-ecosystem: github-actions
+    directory: "/"
+    schedule:
+      interval: weekly
+    registries:
+      - npm-github

.github/workflows/aksel-dev.yml

@@ -8,7 +8,7 @@ on:
 jobs:
   build_and_deploy:
     name: Build and deploy to dev-gcp
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     permissions:
       packages: "write"
       contents: "read"

.github/workflows/aksel-prod.yml

@@ -46,6 +46,7 @@ jobs:
         uses: ./.github/actions/build-website
         with:
           use_cdn_assets: true
+          production: true
           npm_auth_token: ${{ secrets.READER_TOKEN }}
           nais_id_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
           nais_project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}

.github/workflows/chromatic.yml

@@ -60,7 +60,7 @@ jobs:
 
       - name: Find Comment
         if: github.event_name != 'push' && !contains(github.event.head_commit.message, '[ci skip]')
-        uses: peter-evans/find-comment@v2
+        uses: peter-evans/find-comment@v3
         id: fc
         with:
           issue-number: ${{ github.event.pull_request.number }}
@@ -69,7 +69,7 @@ jobs:
 
       - name: Create or update comment
         if: github.event_name != 'push' && !contains(github.event.head_commit.message, '[ci skip]')
-        uses: peter-evans/create-or-update-comment@v3
+        uses: peter-evans/create-or-update-comment@v4
         with:
           comment-id: ${{ steps.fc.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}

.github/workflows/referansesider-spa-deploy.yml

@@ -35,3 +35,4 @@ jobs:
           environment: dev
           project_id: ${{ vars.NAIS_MANAGEMENT_PROJECT_ID }}
           identity_provider: ${{ secrets.NAIS_WORKLOAD_IDENTITY_PROVIDER }}
+          cache_invalidation: true

.github/workflows/release.yml

@@ -32,7 +32,7 @@ jobs:
           cache: yarn
           cache-dependency-path: "**/yarn.lock"
 
-      - uses: denoland/setup-deno@v1
+      - uses: denoland/setup-deno@v2
         with:
           deno-version: v1.x
 

.prettierignore

@@ -1,6 +1,8 @@
 **/nais*.yaml
 **/nais*.yml
 **/codemod/**/tests/**/*.js
+**/@navikt/aksel/**/*.input.*
+**/@navikt/aksel/**/*.output.*
 node_modules
 .next
 dist

.storybook/docs/PilotMigration.mdx

@@ -0,0 +1,111 @@
+import { Markdown, Meta } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/3.Migration" />
+
+# Migration
+
+## Tokens
+
+[See tokens docs here](https://main--66b4b3beb91603ed0ab5c45e.chromatic.com/?path=/docs/docs-become-a-pilot-team-4-tokens--docs).
+
+## CSS
+
+- Most of our CSS is re-written. This includes renaming all `.navds`-classNames to `.aksel`. This will affect most custom overrides targeting `.navds`-classes.
+
+As we strongly recommend avoiding custom
+overrides where possible, we would like to encourage opening an
+issue if you find that you have to override our CSS to achieve
+something! It's these cases we want to know about so that we can fix
+them for everyone.
+
+### Removed component-tokens
+
+All component-spesific tokens are no longer supported. That means all tokens like these from `Button` are removed:
+
+```css
+--ac-button-primary-bg
+--ac-button-primary-text
+--ac-button-primary-hover-bg
+--ac-button-primary-active-bg
+```
+
+All component-based tokens are prefixed with `--ac`, so a global search in your codebase should find all of them.
+
+## Tailwind CSS
+
+Since our Tailwind CSS config is tied to our tokens, most changes made to the tokens will affect the Tailwind CSS config.
+We have decided to prefix all our classes with `ax-` in the new config, so it should be possible to use both packages at the same time. We will develop tooling to hopefuly make the migrations easier in the future.
+
+### Removed classes
+
+z-index, maxWidth and spacing classes are removed from the new config.
+
+## React
+
+We have made some updates to `@navikt/ds-react` that you should be aware of before testing.
+
+### Accordion
+
+#### Props
+
+- `variant` is deprecated and will be removed in the future. We have not implemented it in the new system.
+- `headingSize` is deprecated and will be removed in the future. Accordion-size medium now equals `small` heading, and size small equals `xsmall` heading.
+
+#### Structural changes
+
+`<Accordion.Content/>` now has an extra nested `div` to allow for better animations. Custom CSS might break.
+
+### Datepicker
+
+Weeknumber-button uses our own button-component, and no longer a
+custom button.
+
+### GuidePanel
+
+Component got a complete overhaul. Custom overrides might break.
+
+### Popover, HelpText
+
+`arrow`-prop is removed. All of our floating dialog-elements except for `Tooltip` now comes without arrow.
+If you have custom `offset`-values, you might have to update them to accommodate this.
+
+### Pagination
+
+Button now uses our own button-component and `variant="tertiary-neutral".
+
+### Primitives
+
+Given that these are closely tied to our tokens, you will most
+likely have to update parts of them to test the new system.
+
+All primitives using our current `spacing`-tokens now has
+the new <code>space</code>-tokens. You can use the old tokens while
+testing, but the full release will remove them from the prop-list
+
+<Markdown>
+{`
+\`\`\`diff
+- <HStack gap="4">
++ <HStack gap="space-16">
+\`\`\`
+
+`}
+
+</Markdown>
+
+#### Page
+
+`background`-prop is removed. Now just uses `bg-default`-token.
+
+#### Box
+
+Since `<Box />` is directly tied to our tokens, we
+now offer `<Box.New />` as a temporary altenative. This
+component is based on our new tokens and can use the backgrounds,
+borders, border-radius and shadows from the new system. When the full release comes, we will update `<Box />` to use the new system, and provide tooling to handle this migration.
+
+**All instances of `<Box />` will break when using the new system if:**
+
+- `background`-prop is used
+- `shadow`-prop is used
+- `borderColor`-prop is used

.storybook/docs/PilotSetup.mdx

@@ -0,0 +1,151 @@
+import { Markdown, Meta } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/2.Setup" />
+
+# Setup
+
+## Clean project
+
+For new projects, setup is just as easy as before, but now requires a `Theme`-component to be wrapped around your app.
+The component acts as a local feature-flag for the new implementation, with the added benefit of being able to switch between light and dark mode for you.
+
+Steps:
+
+- 1. Import new CSS `@navikt/ds-css/darkside`
+- 2. Import `Theme`-component from `@navikt/ds-react/Theme`
+- 3. Wrap your app in the `Theme`-component. You do not have to set the theme, but it defaults to `light`.
+
+```tsx
+import "@navikt/ds-css/darkside";
+import { Theme } from "@navikt/ds-react/Theme";
+
+export const App = () => (
+  <Theme theme="light">
+    <YourApp />
+  </Theme>
+);
+```
+
+### Only Tokens/CSS
+
+If you are not using any of our React-components, you can still switch between themes by setting `class="light"` or `class="dark"` on your root-element.
+
+## Theme switching
+
+The `Theme`-component has a `theme`-prop that can be set to either `light` or `dark`. This only sets a `class` on the element of `light` or `dark` (in addition to a `aksel-theme` class), and the rest is handled by the CSS.
+
+You have the option of using `hasBackground` (defaults to true) to make `Theme` include a built on default background.
+
+Since theme-switching often is framework-spesific, we have not included a theme-toggle component or advanced logic for cookies/localstorage.
+You will have to implement this yourself using a custom setup, or use a library like [next-themes](https://github.com/pacocoursey/next-themes).
+
+We will continue to work on the whole `Theme` ecosystem, and might include more features in the future to handle this built in.
+
+### Theme-switch component
+
+This is context-based for what fits your application, but there are some general patterns you can follow.
+
+- **Light or Dark-mode**: Here you can use a simple Switch-component, or a Tertiary-button to toggle between them.
+
+- **Light, Dark or System-mode**: Here you can use a ToggleGroup or Select-component.
+
+```tsx
+isLightMode ? (
+  <Button
+    variant="tertiary-neutral"
+    icon={<SunIcon title="Switch to dark theme" />}
+  />
+) : (
+  <Button
+    variant="tertiary-neutral"
+    icon={<MoonIcon title="Switch to light theme" />}
+  />
+);
+```
+
+## I just want to test the new tokens
+
+Since you can use the new tokens alongside the old tokens, you can start by importing the new tokens as you would the old system.
+
+```css
+@import "@navikt/ds-tokens/darkside-css";
+```
+
+For SCSS, Less and JS they are also available under the paths
+
+```
+@navikt/ds-tokens/darkside-scss
+@navikt/ds-tokens/darkside-less
+@navikt/ds-tokens/darkside-js
+```
+
+**Note: To support theming, scss, less and js tokens are all now based on `css-variables`. This means you will have to import the css-version from `darkside-css` alongside them for everything to work.**
+
+## I want to test the new React-changes
+
+For the new system to work with our components, you will have to use the new `Theme`-component, and import the new CSS from `@navikt/ds-css/darkside`
+
+```tsx
+import "@navikt/ds-css/darkside";
+import { Theme } from "@navikt/ds-react/Theme";
+
+export const App = () => (
+  <Theme theme="light">
+    <YourApp />
+  </Theme>
+);
+```
+
+You will have to check on all your custom overrides when making this switch.
+
+### Partial update
+
+You can migrate parts of your application to use the new CSS classes without having to migrate everything at once.
+
+```tsx
+// Old setup
+import "@navikt/ds-css/darkside";
+// New setup
+import "@navikt/ds-css/darkside";
+import { Theme } from "@navikt/ds-react/Theme";
+
+export const App = () => (
+  <div>
+    <StillOnOldCSSComponent>
+    /* Only this part of your app now uses new styling */
+    <Theme>
+      <YourApp />
+    </Theme>
+  </div>
+);
+```
+
+You will have to check on all your custom overrides when making this switch.
+
+## I have to make some custom changes in darkmode
+
+Since our implementation is based on CSS, you can easily make custom adjustments where necessary.
+
+```css
+.my-component {
+  background-color: var(--ax-bg-raised);
+  color: var(--ax-text-neutral);
+  border: 1px solid var(--ax-border-neutral-subtleA);
+}
+
+// Makes hover-state more visible only for darkmode
+.dark .my-component {
+  &:hover {
+    border-color: var(--ax-border-accent-default);
+  }
+}
+```
+
+## Tailwind CSS
+
+```
+// Tailwind v3
+module.exports = {
+  presets: [require("@navikt/ds-tailwind/darkside-tw3")],
+}
+```

.storybook/docs/PilotsChangelog.mdx

@@ -0,0 +1,35 @@
+import { Meta, Title } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/5.Changelog" />
+
+# Darkside changelog
+
+## v7.18 (02.04.25)
+
+`<Theme />`-component no longer defaults to `light`-theme className when no theme is provided.
+
+This change is made to make it possible to handle 'light' and 'dark' themes in a more flexible way. You can manually set `className="light"` (or dark) on any html-element higher in the hierarchy, and the `<Theme />`-component will not override this.
+One of the cases where this is needed is with `next-themes` where defaulting to light, and changing to dark based on `useTheme`-hook from `next-themes` leads to hydratiob errors.
+
+## v7.16 (03.03.25)
+
+To allow loading old and new CSS files that the same time, we have now renamed all classes to start with `.aksel` instead of `.navds`.
+Every React component has this now feature-flagged behind using the new `Theme`-component.
+
+- **With `<Theme />`**: All components uses `.aksel`-classes internally.
+- **Without `<Theme />`**: All components uses `.navds`-classes internally like before.
+
+This means you can now migrate parts of your application to use the new CSS classes without having to migrate everything at once.
+
+```
+// MyComponent.tsx
+<div>
+  // Uses old CSS
+  <Button>Click me</Button>
+
+  // Uses new CSS
+  <Theme>
+    <Button>Click me</Button>
+  </Theme>
+</div>
+```

.storybook/docs/PilotsIntro.mdx

@@ -0,0 +1,94 @@
+import { Meta, Title } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/1.Intro" />
+
+# Becoming a pilot team
+
+We are looking for teams wanting to test our new theming implementation and darkmode before we go live with them later in 2025.
+
+## What is a pilot team?
+
+- A pilot team is a team that tests new implementations before they are released.
+- The team will test the new implementation in a real-world scenario and provide us with feedback.
+- The feedback will be used to improve the implementation before it replaces the old system.
+
+As a pilot team, we want close communication to get
+feedback on the changes. We want to know all the unclear and bad parts
+of our implementations, so that we can fix them all up before the big release.
+
+## Who are we mainly looking for?
+
+We are focusing on applications meant for our internal systems and services for now. This line is often a little blurry,
+but in short, all the public facing applications including those using "Dekoratøren" will not be considered internal.
+Support for "Dekoratøren" is quite far down the road at the moment.
+
+For teams wanting to test the new implementation, there are some key points to consider:
+
+- You _probably_ want to be in the earlier stages of developing a new product or service (to more easily test something in isolation).
+- You can test _any_ smaller subset of the new system as it's not an "all or nothing" ordeal. This could be: design tokens, darkmode, updated CSS or a combination of these.
+- You have the capacity to test and provide feedback on the new implementation (You'll be saving Nav countless hours for every hour spent!).
+
+Everyone is welcome to test the new implementation, but for some larger applications, it might be a bit early to adopt the new system. Keep in mind that there might be breaking changes as we go,
+and we won't have all tooling ready for adoption yet so you might have to do some manual work.
+
+## How to give feedback
+
+We welcome all forms of feedback:
+
+- **Issues**: [Open an issue on Github](https://github.com/navikt/aksel/issues)
+- **Disussions**: [Start a discussion](https://github.com/navikt/aksel/discussions/categories/darkside).
+- **Slack**: [Reach out to us on Slack #Aksel-designsystemet](https://nav-it.slack.com/archives/C7NE7A8UF)
+
+## What's new?
+
+- **Design tokens**: A complete re-write of our design tokens to allow for dark mode.
+- **Dark mode**: A new dark mode implementation.
+- **Updated CSS**: Now uses new tokens, built-in CSS-layers support and most components are re-written.
+- **Updated Tailwind CSS config**: Now uses new tokens, now comes with built-in `ax`-prefix for easier separation between Aksel and your own config.
+- **Updated components**: Components use the new tokens and CSS.
+- **New Theme-component**: A new `<Theme/>`-component to handle the theming-switch locally.
+- **Updated documentation**: Updated documentation for the new implementation.
+
+## Documentation
+
+As we go, we will add more documentation to help you get started with the new implementation.
+
+- [Design i light og dark-mode](https://aksel.nav.no/god-praksis/artikler/design-i-dark-mode-og-light-mode)
+
+### Demo page
+
+We have a demo page to show off some of the new features and tokens. [You can find it here](https://aksel-referansesider.ansatt.dev.nav.no/aktivitetsplan/).
+We recommend using "inspect-tool" in browser to get a feel for the new tokens and CSS.
+
+## How testing could affect your application
+
+All the changes are **opt in**, meaning you can choose to use nothing, some parts of the new implementation, or go all-in.
+You will still be able to recieve updates to the old implementation while we are in the testing phase.
+
+### Tokens
+
+We have made a complete re-write of our design tokens to allow for dark mode.
+This includes new backgrounds, text-colors, border-colors and updated spacing-tokens.
+
+- All tokens have a new prefix `--ax` to avoid conflicts with old tokens.
+- You will be able to use the new tokens at the same time as the old tokens.
+- All background, text-colors and border-colors have new names and "concepts" to learn. Migration will not be a quick one to one with old system.
+- New spacing tokens are now named `space` and based on `px` values (most devs think and deal in `px` values first, no more on-the-fly mental arithmetic! WYSIWYG).
+
+### CSS
+
+We have updated our CSS to be based on the new tokens for theming.
+
+- Most of our CSS is re-written.
+- All custom overrides targeting `.navds`-classes might have to be updated locally.
+- Component-based tokens are no longer avaliable.
+
+### Tailwind CSS
+
+We have made a new Tailwind CSS config based on the new tokens. Based on previous iterations, we have decided to try prefixing all our classes with `ax-`.
+While this will be a little more verbose, it makes it easier to separate your own config from ours, and hopefully makes it easier to maintain.
+
+### React components
+
+We have made some prop-changes to some components to facilitate the new theming and updated CSS. You can read more about them under `migration` in the sidebar.
+We have hidden the changes behind a "feature-flag", so you will have to use the new `<Theme/>`-component when testing the new CSS.

.storybook/docs/PilotsTokens.mdx

@@ -0,0 +1,193 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Docs/Become a Pilot team/4.Tokens" />
+
+# Tokens
+
+## Spacing scale
+
+We have updated our spacing-scale to now be named `space` and for the values to reflect 1-1 the px-value.
+To migrate old `--a-spacing-X`-tokens, you can just take the value and 4x it to get the new `--ax-space-X`-token.
+
+```diff
+// Old
+--a-spacing-4: 1rem;
+
+// New
+--ax-space-16: 1rem;
+```
+
+```css
+--ax-space-0: 0rem;
+--ax-space-1: 0.0625rem;
+--ax-space-2: 0.125rem;
+--ax-space-4: 0.25rem;
+--ax-space-6: 0.375rem;
+--ax-space-8: 0.5rem;
+--ax-space-12: 0.75rem;
+--ax-space-16: 1rem;
+--ax-space-20: 1.25rem;
+--ax-space-24: 1.5rem;
+--ax-space-28: 1.75rem;
+--ax-space-32: 2rem;
+--ax-space-36: 2.25rem;
+--ax-space-40: 2.5rem;
+--ax-space-44: 2.75rem;
+--ax-space-48: 3rem;
+--ax-space-56: 3.5rem;
+--ax-space-64: 4rem;
+--ax-space-72: 4.5rem;
+--ax-space-80: 5rem;
+--ax-space-96: 6rem;
+--ax-space-128: 8rem;
+```
+
+## Global tokens
+
+Our global colors are Neutral, Accent, Success, Info, Warning, Danger, Brand-magenta, Brand-beige, Brand-blue, Meta-purple and Meta-lime.
+
+Beside `neutral` that has a `000`-token,
+all other color-tokens are named after the following pattern:
+
+```css
+--ax-[role]-000 // Neutral only
+--ax-[role]-100
+--ax-[role]-100A
+--ax-[role]-200
+--ax-[role]-200A
+--ax-[role]-300
+--ax-[role]-300A
+--ax-[role]-400
+--ax-[role]-400A
+--ax-[role]-500
+--ax-[role]-600
+--ax-[role]-700
+--ax-[role]-800
+--ax-[role]-900
+--ax-[role]-1000
+```
+
+## Semantic tokens
+
+We have two sets of semantic tokens, one for unique cases and one for all the roles.
+
+```css
+// Unique tokens
+--ax-bg-default   // Main page background.
+--ax-bg-input     // Background for input-fields.
+--ax-bg-overlay   // Background for overlays like Modal.
+--ax-bg-sunken    // Background for sunken sections to highlight ex. Cards.
+--ax-bg-raised    // Background for raised elements, like cards or dialogs.
+--ax-text-logo    // Nav-logo color.
+--ax-border-focus // Outline-color for focus-states.
+```
+
+For the remaning tokens, they are equal between all the global roles. This means that if you know the token for one role, you know it for all the roles.
+
+```css
+// Backgrounds
+
+// Soft is used for subtle backgrounds without state.
+--ax-bg-[role]-soft
+--ax-bg-[role]-softA
+
+// Moderate is used for subtle elements, with the option for states.
+// Should be used with a border in most cases to separate from the background.
+// Think Secondary-buttons, Alerts
+--ax-bg-[role]-moderate
+--ax-bg-[role]-moderateA
+--ax-bg-[role]-moderate-hover
+--ax-bg-[role]-moderate-hoverA
+--ax-bg-[role]-moderate-pressed
+--ax-bg-[role]-moderate-pressedA
+
+// Strong is used for elements that should stand out, with the option for states.
+// Think Primary-buttons, Checkbox, Chips
+// Text on strong should use contrast version of the color.
+--ax-bg-[role]-strong
+--ax-bg-[role]-strong-hover
+--ax-bg-[role]-strong-pressed
+
+// Text
+--ax-text-[role]
+--ax-text-[role]-subtle
+--ax-text-[role]-icon
+--ax-text-[role]-contrast
+
+// Borders
+--ax-border-[role]
+--ax-border-[role]-subtle
+--ax-border-[role]-subtleA
+--ax-border-[role]-strong
+```
+
+### Example use
+
+```css
+.alert--success {
+  background-color: var(--ax-bg-success-moderate);
+  border: var(--ax-border-success);
+}
+
+.alert--info {
+  background-color: var(--ax-bg-info-moderate);
+  border: var(--ax-border-info);
+}
+```
+
+## Shadows
+
+We now have only one shadow-token:
+
+```css
+--ax-shadow-dialog
+```
+
+## Z-index
+
+We have removed the `--a-z-index`-tokens.
+
+## Font-tokens, breakpoints etc
+
+The remaining tokens are kept the same as the old system, but now with updated prefix.
+
+```css
+--ax-font-weight-regular
+--ax-font-weight-bold
+--ax-font-size-small
+--ax-font-size-medium
+--ax-font-size-large
+--ax-font-size-xlarge
+--ax-font-size-heading-xsmall
+--ax-font-size-heading-small
+--ax-font-size-heading-medium
+--ax-font-size-heading-large
+--ax-font-size-heading-xlarge
+--ax-font-size-heading-2xlarge
+--ax-font-line-height-medium
+--ax-font-line-height-large
+--ax-font-line-height-xlarge
+--ax-font-line-height-heading-xsmall
+--ax-font-line-height-heading-small
+--ax-font-line-height-heading-medium
+--ax-font-line-height-heading-large
+--ax-font-line-height-heading-xlarge
+--ax-font-line-height-heading-2xlarge
+--ax-font-family
+--ax-breakpoint-2xl-down
+--ax-breakpoint-2xl
+--ax-breakpoint-xl-down
+--ax-breakpoint-xl
+--ax-breakpoint-lg-down
+--ax-breakpoint-lg
+--ax-breakpoint-md-down
+--ax-breakpoint-md
+--ax-breakpoint-sm-down
+--ax-breakpoint-sm
+--ax-breakpoint-xs
+--ax-border-radius-full
+--ax-border-radius-xlarge
+--ax-border-radius-large
+--ax-border-radius-medium
+--ax-border-radius-small
+```

.storybook/docs/getting-started.mdx

@@ -4,7 +4,7 @@ import AkselThumbnail from "./assets/aksel-thumbnail.png";
 import Components from "./assets/components.png";
 import Setup from "./assets/setup.png";
 
-<Meta title="Getting started" />
+<Meta title="Docs/Getting started" />
 
 <div className="sb-container">
   <div className='sb-section-title'>

.storybook/layout.css

@@ -19,3 +19,15 @@
 .rowgap-wrap {
   flex-wrap: wrap;
 }
+
+.sbdocs-content:not(.sb-unstyled) :is(p, li) {
+  font-size: 1.125rem;
+}
+
+.sbdocs-content:not(.sb-unstyled) li > p {
+  margin-bottom: 0;
+}
+
+.sbdocs-content:not(.sb-unstyled) li > ul {
+  margin-top: 0.25rem;
+}

.storybook/main.ts

@@ -46,7 +46,8 @@ export default {
   staticDirs: ["./public"],
   stories: () => [
     "../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)",
-    "./*.mdx",
+    "./docs/*.mdx",
+    "./docs/*.stories.tsx",
     "../aksel.nav.no/website/pages/templates/**/*.tsx",
   ],
   addons: [

.storybook/preview.tsx

@@ -58,7 +58,8 @@ export default {
       storySort: {
         method: "alphabetical",
         order: [
-          "Getting started",
+          "Docs",
+          ["Getting started"],
           "ds-react",
           ["Primitives"],
           ["Default", "Controls"],
@@ -78,9 +79,9 @@ export default {
           {
             value: "default",
             icon: "hourglass",
-            title: "Default (old)",
+            title: "Legacy theme",
           },
-          { value: "darkside", icon: "beaker", title: "Darkside (new)" },
+          { value: "darkside", icon: "beaker", title: "Darkside theme" },
         ],
         showName: true,
         dynamicTitle: true,

@navikt/aksel-icons/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @navikt/aksel-icons
 
+## 7.19.0
+
+## 7.18.0
+
+## 7.17.4
+
+## 7.17.3
+
+## 7.17.2
+
+## 7.17.1
+
+## 7.17.0
+
+## 7.16.1
+
+## 7.16.0
+
+## 7.15.0
+
+## 7.14.3
+
+## 7.14.2
+
+## 7.14.1
+
+## 7.14.0
+
+### Minor Changes
+
+- Icons: :tada: New icons `LineHeight`, `SpaceHorizontal` and `SpaceVertical`. ([#3587](https://github.com/navikt/aksel/pull/3587))
+
+## 7.13.0
+
+### Minor Changes
+
+- Icons: :tada: New icons `ExpandVertical` and `QuestionmarkCircle` ([#3583](https://github.com/navikt/aksel/pull/3583))
+
+## 7.12.2
+
+## 7.12.1
+
+## 7.12.0
+
+## 7.11.0
+
+### Minor Changes
+
+- Icons: Added new icons 'SortUp' and 'SortDown' 🎉. ([#3528](https://github.com/navikt/aksel/pull/3528))
+
+## 7.10.0
+
 ## 7.9.2
 
 ## 7.9.1

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

@@ -28,7 +28,7 @@
     "postcss": "^8.4.31",
     "postcss-url": "^10.1.3",
     "typescript": "5.5.4",
-    "vite": "^5.4.6",
+    "vite": "^5.4.15",
     "vite-plugin-singlefile": "^1.0.0",
     "vite-plugin-svgr": "^4.2.0"
   }

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

@@ -13,5 +13,5 @@ keywords:
   - reload
   - oppdater
 variant: Stroke
-updated_at: 29.07.2024
+updated_at: 05.03.2025
 created_at: 07.03.2023

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

@@ -11,5 +11,5 @@ keywords:
   - åpnet
   - opened
 variant: Stroke
-updated_at: 15.08.2024
+updated_at: 12.03.2025
 created_at: 07.03.2023

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

@@ -9,5 +9,5 @@ keywords:
   - nivå
   - innrykk
 variant: Stroke
-updated_at: 06.08.2024
+updated_at: 12.03.2025
 created_at: 04.12.2023

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

@@ -8,5 +8,5 @@ keywords:
   - back
   - tilbake
 variant: Stroke
-updated_at: 25.07.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -13,5 +13,5 @@ keywords:
   - forward
   - videresend
 variant: Stroke
-updated_at: 23.02.2024
+updated_at: 07.03.2025
 created_at: 07.03.2023

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

@@ -9,5 +9,5 @@ keywords:
   - frem
   - fram
 variant: Stroke
-updated_at: 02.08.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/ArrowRightLeft.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="M16.4699 2.96959C16.7627 2.67669 17.2376 2.67669 17.5305 2.96959L21.0305 6.46959C21.3234 6.76248 21.3234 7.23735 21.0305 7.53025L17.5305 11.0302C17.2376 11.3231 16.7627 11.3231 16.4699 11.0302C16.177 10.7374 16.177 10.2625 16.4699 9.96959L18.6895 7.74992L9.50018 7.74992C9.08597 7.74992 8.75018 7.41413 8.75018 6.99992C8.75018 6.5857 9.08597 6.24992 9.50018 6.24992L18.6895 6.24992L16.4699 4.03025C16.177 3.73735 16.177 3.26248 16.4699 2.96959ZM7.53051 12.9696C7.82341 13.2625 7.82341 13.7374 7.53051 14.0302L5.31084 16.2499L14.5002 16.2499C14.9144 16.2499 15.2502 16.5857 15.2502 16.9999C15.2502 17.4141 14.9144 17.7499 14.5002 17.7499L5.31084 17.7499L7.53051 19.9696C7.82341 20.2625 7.82341 20.7374 7.53051 21.0302C7.23762 21.3231 6.76275 21.3231 6.46985 21.0302L2.96985 17.5302C2.8292 17.3896 2.75018 17.1988 2.75018 16.9999C2.75018 16.801 2.8292 16.6102 2.96985 16.4696L6.46985 12.9696C6.76275 12.6767 7.23762 12.6767 7.53051 12.9696Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.53015 21.0304C7.23725 21.3233 6.76238 21.3233 6.46949 21.0304L2.96949 17.5304C2.67659 17.2375 2.67659 16.7627 2.96949 16.4698L6.46949 12.9698C6.76238 12.6769 7.23725 12.6769 7.53015 12.9698C7.82304 13.2627 7.82304 13.7375 7.53015 14.0304L5.31048 16.2501L14.4998 16.2501C14.914 16.2501 15.2498 16.5859 15.2498 17.0001C15.2498 17.4143 14.914 17.7501 14.4998 17.7501L5.31048 17.7501L7.53015 19.9698C7.82304 20.2627 7.82304 20.7375 7.53015 21.0304ZM16.4695 11.0304C16.1766 10.7375 16.1766 10.2627 16.4695 9.96976L18.6892 7.75009L9.49982 7.75009C9.0856 7.75009 8.74982 7.4143 8.74982 7.00009C8.74982 6.58588 9.0856 6.25009 9.49982 6.25009L18.6892 6.25009L16.4695 4.03042C16.1766 3.73753 16.1766 3.26266 16.4695 2.96976C16.7624 2.67687 17.2373 2.67687 17.5301 2.96976L21.0301 6.46976C21.1708 6.61041 21.2498 6.80118 21.2498 7.00009C21.2498 7.19901 21.1708 7.38977 21.0301 7.53042L17.5301 11.0304C17.2373 11.3233 16.7624 11.3233 16.4695 11.0304Z" fill="#23262A"/>
 </svg>

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

@@ -11,5 +11,5 @@ keywords:
   - overføring
   - overgang
 variant: Stroke
-updated_at: 13.08.2024
+updated_at: 18.03.2025
 created_at: 07.03.2023

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

@@ -12,5 +12,5 @@ keywords:
   - ombestemt
   - back
 variant: Stroke
-updated_at: 07.08.2024
+updated_at: 13.03.2025
 created_at: 07.03.2023

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

@@ -10,5 +10,5 @@ keywords:
   - close
   - lukke
 variant: Stroke
-updated_at: 25.07.2024
+updated_at: 06.03.2025
 created_at: 07.03.2023

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

@@ -13,5 +13,5 @@ keywords:
   - oppfrisking
   - oppdatering
 variant: Stroke
-updated_at: 26.07.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -14,5 +14,5 @@ keywords:
   - opptak
   - gjenopptak
 variant: Stroke
-updated_at: 14.08.2024
+updated_at: 13.03.2025
 created_at: 07.03.2023

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

@@ -15,5 +15,5 @@ keywords:
   - risiko
   - forsiktighet
 variant: Stroke
-updated_at: 05.01.2024
+updated_at: 27.09.2024
 created_at: 07.03.2023

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

@@ -15,5 +15,5 @@ keywords:
   - Sammenføye
   - Kildekontroll
 variant: Stroke
-updated_at: 29.07.2024
+updated_at: 10.03.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - order
   - punktliste
 variant: Stroke
-updated_at: 15.08.2024
+updated_at: 19.03.2025
 created_at: 07.03.2023

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

@@ -15,5 +15,5 @@ keywords:
   - fullføring
   - validering
 variant: Stroke
-updated_at: 17.07.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -10,5 +10,5 @@ keywords:
   - åpner
   - mer
 variant: Stroke
-updated_at: 18.07.2024
+updated_at: 02.03.2025
 created_at: 07.03.2023

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

@@ -8,5 +8,5 @@ keywords:
   - Utvide/skjule
   - vise/skjule
 variant: Stroke
-updated_at: 04.12.2023
+updated_at: 18.03.2025
 created_at: 04.12.2023

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

@@ -6,5 +6,5 @@ keywords:
   - venstre
   - side
 variant: Stroke
-updated_at: 22.07.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -5,5 +5,5 @@ keywords:
   - left
   - venstre
 variant: Stroke
-updated_at: 06.08.2024
+updated_at: 24.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - høyre
   - side
 variant: Stroke
-updated_at: 23.07.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - høyre
   - side
 variant: Stroke
-updated_at: 04.01.2024
+updated_at: 11.03.2025
 created_at: 07.03.2023

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

@@ -10,5 +10,5 @@ keywords:
   - lukk
   - lukke
 variant: Stroke
-updated_at: 01.08.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -8,5 +8,5 @@ keywords:
   - Utvide/skjule
   - vise/skjule
 variant: Stroke
-updated_at: 30.07.2024
+updated_at: 18.03.2025
 created_at: 07.03.2023

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

@@ -10,5 +10,5 @@ keywords:
   - nettverk
   - network
 variant: Stroke
-updated_at: 29.07.2024
+updated_at: 17.03.2025
 created_at: 07.03.2023

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

@@ -8,5 +8,5 @@ keywords:
   - historikk
   - visited
 variant: Stroke
-updated_at: 17.07.2024
+updated_at: 07.03.2025
 created_at: 07.03.2023

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

@@ -15,5 +15,5 @@ keywords:
   - markup-språk
   - kildekode
 variant: Stroke
-updated_at: 01.03.2024
+updated_at: 18.03.2025
 created_at: 07.03.2023

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

@@ -11,5 +11,5 @@ keywords:
   - handel
   - økonomi
 variant: Stroke
-updated_at: 07.05.2024
+updated_at: 07.03.2025
 created_at: 07.03.2023

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

@@ -12,5 +12,5 @@ keywords:
   - struktur
   - innhold
 variant: Stroke
-updated_at: 05.01.2024
+updated_at: 10.02.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - downloading
   - last ned
 variant: Stroke
-updated_at: 31.07.2024
+updated_at: 11.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - sann
   - resultat
 variant: Stroke
-updated_at: 05.01.2024
+updated_at: 23.03.2025
 created_at: 07.03.2023

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

@@ -13,5 +13,5 @@ keywords:
   - oppmerksomhet
   - viktig
 variant: Stroke
-updated_at: 09.08.2024
+updated_at: 13.03.2025
 created_at: 07.03.2023

@navikt/aksel-icons/icons/Expand.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.75 4.5C12.75 4.08579 13.0857 3.75 13.5 3.75L19.5 3.75C19.6989 3.75 19.8896 3.82902 20.0303 3.96967C20.171 4.11032 20.25 4.30109 20.25 4.5L20.25 10.5C20.25 10.9142 19.9142 11.25 19.5 11.25C19.0858 11.25 18.75 10.9142 18.75 10.5L18.75 6.31065L14.0303 11.0303C13.7374 11.3232 13.2625 11.3232 12.9696 11.0303C12.6767 10.7374 12.6767 10.2626 12.9696 9.96967L17.6893 5.25L13.5 5.25C13.0857 5.25 12.75 4.91421 12.75 4.5ZM4.49997 12.75C4.91418 12.75 5.24997 13.0858 5.24997 13.5L5.24997 17.6893L9.96962 12.9697C10.2625 12.6768 10.7374 12.6768 11.0303 12.9697C11.3232 13.2626 11.3232 13.7374 11.0303 14.0303L6.31062 18.75L10.5 18.75C10.9142 18.75 11.25 19.0858 11.25 19.5C11.25 19.9142 10.9142 20.25 10.5 20.25L4.49997 20.25C4.30106 20.25 4.11029 20.171 3.96964 20.0303C3.82899 19.8897 3.74997 19.6989 3.74997 19.5L3.74997 13.5C3.74997 13.0858 4.08576 12.75 4.49997 12.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 19.5C11.25 19.9142 10.9143 20.25 10.5 20.25H4.50003C4.30112 20.25 4.11035 20.171 3.9697 20.0303C3.82905 19.8897 3.75003 19.6989 3.75003 19.5L3.75003 13.5C3.75003 13.0858 4.08582 12.75 4.50003 12.75C4.91424 12.75 5.25003 13.0858 5.25003 13.5L5.25003 17.6894L9.96971 12.9697C10.2626 12.6768 10.7375 12.6768 11.0304 12.9697C11.3233 13.2626 11.3233 13.7374 11.0304 14.0303L6.3107 18.75L10.5 18.75C10.9143 18.75 11.25 19.0858 11.25 19.5ZM19.5 11.25C19.0858 11.25 18.75 10.9142 18.75 10.5L18.75 6.31066L14.0304 11.0303C13.7375 11.3232 13.2626 11.3232 12.9697 11.0303C12.6768 10.7374 12.6768 10.2626 12.9697 9.96967L17.6894 5.24998L13.5 5.24998C13.0858 5.24998 12.75 4.9142 12.75 4.49998C12.75 4.08577 13.0858 3.74998 13.5 3.74998L19.5 3.74998C19.6989 3.74998 19.8897 3.829 20.0304 3.96965C20.171 4.11031 20.25 4.30107 20.25 4.49998L20.25 10.5C20.25 10.9142 19.9142 11.25 19.5 11.25Z" fill="#23262A"/>
 </svg>

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

@@ -9,5 +9,5 @@ keywords:
   - open
   - åpne
 variant: Stroke
-updated_at: 24.01.2024
+updated_at: 18.03.2025
 created_at: 07.03.2023

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 21.7803C11.7626 22.0732 12.2374 22.0732 12.5303 21.7803L16.5303 17.7803C16.8232 17.4874 16.8232 17.0126 16.5303 16.7197C16.2374 16.4268 15.7626 16.4268 15.4697 16.7197L12.75 19.4393L12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14L11.25 19.4393L8.53033 16.7197C8.23744 16.4268 7.76256 16.4268 7.46967 16.7197C7.17678 17.0126 7.17678 17.4874 7.46967 17.7803L11.4697 21.7803ZM12.5303 2.21967C12.2374 1.92678 11.7626 1.92678 11.4697 2.21967L7.46967 6.21967C7.17678 6.51256 7.17678 6.98744 7.46967 7.28033C7.76256 7.57322 8.23744 7.57322 8.53033 7.28033L11.25 4.56066L11.25 10C11.25 10.4142 11.5858 10.75 12 10.75C12.4142 10.75 12.75 10.4142 12.75 10L12.75 4.56066L15.4697 7.28033C15.7626 7.57323 16.2374 7.57323 16.5303 7.28033C16.8232 6.98744 16.8232 6.51256 16.5303 6.21967L12.5303 2.21967Z" fill="#23262A"/>
+</svg>

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

@@ -0,0 +1,13 @@
+name: ExpandVertical
+category: Arrows
+sub_category: Arrow
+keywords:
+  - arrows
+  - piler
+  - fullscreen
+  - fullskjerm
+  - open
+  - åpne
+variant: Stroke
+updated_at: 18.03.2025
+created_at: 29.01.2025

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

@@ -5,9 +5,8 @@ keywords:
   - lenke
   - kobling
   - videresending
-  - new tab
   - ekstern side
   - eksternt
 variant: Stroke
-updated_at: 04.12.2023
+updated_at: 19.03.2025
 created_at: 07.03.2023

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

@@ -5,9 +5,8 @@ keywords:
   - lenke
   - kobling
   - videresending
-  - new tab
   - ekstern side
   - eksternt
 variant: Fill
-updated_at: 04.12.2023
+updated_at: 19.03.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - lukket
   - hidden
 variant: Stroke
-updated_at: 01.08.2024
+updated_at: 12.03.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - data
   - tabell
 variant: Stroke
-updated_at: 26.07.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -10,5 +10,5 @@ keywords:
   - wardrobe
   - kleshenger
 variant: Stroke
-updated_at: 04.12.2023
+updated_at: 12.09.2024
 created_at: 07.03.2023

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

@@ -13,5 +13,5 @@ keywords:
   - fremdrift
   - nedtelling
 variant: Stroke
-updated_at: 21.08.2024
+updated_at: 06.03.2025
 created_at: 07.03.2023

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

@@ -13,5 +13,5 @@ keywords:
   - fremdrift
   - nedtelling
 variant: Stroke
-updated_at: 14.08.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -13,5 +13,5 @@ keywords:
   - fremdrift
   - nedtelling
 variant: Stroke
-updated_at: 06.08.2024
+updated_at: 11.03.2025
 created_at: 07.03.2023

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

@@ -15,5 +15,5 @@ keywords:
   - beskrivelse
   - forklaring
 variant: Stroke
-updated_at: 30.07.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - penger
   - norske kroner
 variant: Stroke
-updated_at: 05.01.2024
+updated_at: 25.03.2025
 created_at: 07.03.2023

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

@@ -15,5 +15,5 @@ keywords:
   - avslutt
   - avslutt
 variant: Stroke
-updated_at: 25.04.2024
+updated_at: 12.03.2025
 created_at: 07.03.2023

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.25C3.33579 3.25 3 3.58579 3 4C3 4.41421 3.33579 4.75 3.75 4.75H20.25C20.6642 4.75 21 4.41421 21 4C21 3.58579 20.6642 3.25 20.25 3.25H3.75ZM12.6855 6.9454C12.5652 6.67455 12.2966 6.5 12.0002 6.5C11.7038 6.5 11.4352 6.67455 11.3148 6.9454L7.31483 15.9454C7.1466 16.3239 7.31707 16.7671 7.69558 16.9354C8.0741 17.1036 8.51732 16.9331 8.68555 16.5546L9.5987 14.5H14.4017L15.3148 16.5546C15.4831 16.9331 15.9263 17.1036 16.3048 16.9354C16.6833 16.7671 16.8538 16.3239 16.6855 15.9454L12.6855 6.9454ZM13.735 13L12.0002 9.09666L10.2654 13H13.735ZM3 20C3 19.5858 3.33579 19.25 3.75 19.25H20.25C20.6642 19.25 21 19.5858 21 20C21 20.4142 20.6642 20.75 20.25 20.75H3.75C3.33579 20.75 3 20.4142 3 20Z" fill="#23262A"/>
+</svg>

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

@@ -0,0 +1,9 @@
+name: LineHeight
+category: Interface
+sub_category: Design
+keywords:
+  - linjehøyde
+  - linjeavstand
+variant: Stroke
+updated_at: 14.02.2025
+created_at: 14.02.2025

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

@@ -6,5 +6,5 @@ keywords:
   - chain
   - kobling
 variant: Stroke
-updated_at: 24.07.2024
+updated_at: 12.03.2025
 created_at: 07.03.2023

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

@@ -12,5 +12,5 @@ keywords:
   - nedtrekksvalg
   - ellipse
 variant: Stroke
-updated_at: 01.08.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -12,5 +12,5 @@ keywords:
   - nedtrekksvalg
   - ellipse
 variant: Stroke
-updated_at: 01.08.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - grid
   - rutenett
 variant: Stroke
-updated_at: 29.07.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - meny
   - hamburger
 variant: Stroke
-updated_at: 24.07.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -7,5 +7,5 @@ keywords:
   - delete
   - slett
 variant: Stroke
-updated_at: 18.07.2024
+updated_at: 19.03.2025
 created_at: 07.03.2023

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

@@ -20,5 +20,5 @@ keywords:
   - ansvar
   - paragraf
 variant: Stroke
-updated_at: 04.01.2024
+updated_at: 03.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - legg til
   - more
 variant: Stroke
-updated_at: 18.07.2024
+updated_at: 04.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - math
   - plus minus
 variant: Stroke
-updated_at: 05.01.2024
+updated_at: 13.03.2025
 created_at: 07.03.2023

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

@@ -0,0 +1,15 @@
+<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 17V7C5 5.89543 5.89543 5 7 5H17C18.1046 5 19 5.89543 19 7V17C19 18.1046 18.1046 19 17 19H7C5.89543 19 5 18.1046 5 17ZM8 7.25C7.58579 7.25 7.25 7.58579 7.25 8V16C7.25 16.4142 7.58579 16.75 8 16.75H16C16.4142 16.75 16.75 16.4142 16.75 16V8C16.75 7.58579 16.4142 7.25 16 7.25H8ZM8.75 15.25V8.75H15.25V15.25H8.75Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V5C12.75 5.41421 12.4142 5.75 12 5.75C11.5858 5.75 11.25 5.41421 11.25 5V2C11.25 1.58579 11.5858 1.25 12 1.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.25C12.4142 18.25 12.75 18.5858 12.75 19V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V19C11.25 18.5858 11.5858 18.25 12 18.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.75 12C22.75 12.4142 22.4142 12.75 22 12.75L19 12.75C18.5858 12.75 18.25 12.4142 18.25 12C18.25 11.5858 18.5858 11.25 19 11.25L22 11.25C22.4142 11.25 22.75 11.5858 22.75 12Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 12C5.75 12.4142 5.41421 12.75 5 12.75L2 12.75C1.58579 12.75 1.25 12.4142 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25L5 11.25C5.41421 11.25 5.75 11.5858 5.75 12Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 1.25C15.4142 1.25 15.75 1.58579 15.75 2V5C15.75 5.41421 15.4142 5.75 15 5.75C14.5858 5.75 14.25 5.41421 14.25 5V2C14.25 1.58579 14.5858 1.25 15 1.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 18.25C15.4142 18.25 15.75 18.5858 15.75 19V22C15.75 22.4142 15.4142 22.75 15 22.75C14.5858 22.75 14.25 22.4142 14.25 22V19C14.25 18.5858 14.5858 18.25 15 18.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.75 15C22.75 15.4142 22.4142 15.75 22 15.75L19 15.75C18.5858 15.75 18.25 15.4142 18.25 15C18.25 14.5858 18.5858 14.25 19 14.25L22 14.25C22.4142 14.25 22.75 14.5858 22.75 15Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 15C5.75 15.4142 5.41421 15.75 5 15.75L2 15.75C1.58579 15.75 1.25 15.4142 1.25 15C1.25 14.5858 1.58579 14.25 2 14.25L5 14.25C5.41421 14.25 5.75 14.5858 5.75 15Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 1.25C9.41421 1.25 9.75 1.58579 9.75 2V5C9.75 5.41421 9.41421 5.75 9 5.75C8.58579 5.75 8.25 5.41421 8.25 5V2C8.25 1.58579 8.58579 1.25 9 1.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18.25C9.41421 18.25 9.75 18.5858 9.75 19V22C9.75 22.4142 9.41421 22.75 9 22.75C8.58579 22.75 8.25 22.4142 8.25 22V19C8.25 18.5858 8.58579 18.25 9 18.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.75 9C22.75 9.41421 22.4142 9.75 22 9.75L19 9.75C18.5858 9.75 18.25 9.41421 18.25 9C18.25 8.58579 18.5858 8.25 19 8.25L22 8.25C22.4142 8.25 22.75 8.58579 22.75 9Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 9C5.75 9.41421 5.41421 9.75 5 9.75L2 9.75C1.58579 9.75 1.25 9.41421 1.25 9C1.25 8.58579 1.58579 8.25 2 8.25L5 8.25C5.41421 8.25 5.75 8.58579 5.75 9Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,12 @@
+name: Property1Fill
+category: Interface
+sub_category: Devices
+keywords:
+  - print
+  - skrive ut
+  - skriver
+  - printing room
+  - skriverom
+variant: Stroke
+updated_at: 19.02.2025
+created_at: 19.02.2025

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

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5.75C6.30964 5.75 5.75 6.30964 5.75 7V17C5.75 17.6904 6.30964 18.25 7 18.25H17C17.6904 18.25 18.25 17.6904 18.25 17V7C18.25 6.30964 17.6904 5.75 17 5.75H7ZM4.25 7C4.25 5.48122 5.48122 4.25 7 4.25H17C18.5188 4.25 19.75 5.48122 19.75 7V17C19.75 18.5188 18.5188 19.75 17 19.75H7C5.48122 19.75 4.25 18.5188 4.25 17V7Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8V16C16.75 16.4142 16.4142 16.75 16 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16V8ZM8.75 8.75V15.25H15.25V8.75H8.75Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V5C12.75 5.41421 12.4142 5.75 12 5.75C11.5858 5.75 11.25 5.41421 11.25 5V2C11.25 1.58579 11.5858 1.25 12 1.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.25C12.4142 18.25 12.75 18.5858 12.75 19V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V19C11.25 18.5858 11.5858 18.25 12 18.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.75 12C22.75 12.4142 22.4142 12.75 22 12.75L19 12.75C18.5858 12.75 18.25 12.4142 18.25 12C18.25 11.5858 18.5858 11.25 19 11.25L22 11.25C22.4142 11.25 22.75 11.5858 22.75 12Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 12C5.75 12.4142 5.41421 12.75 5 12.75L2 12.75C1.58579 12.75 1.25 12.4142 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25L5 11.25C5.41421 11.25 5.75 11.5858 5.75 12Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 1.25C15.4142 1.25 15.75 1.58579 15.75 2V5C15.75 5.41421 15.4142 5.75 15 5.75C14.5858 5.75 14.25 5.41421 14.25 5V2C14.25 1.58579 14.5858 1.25 15 1.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 18.25C15.4142 18.25 15.75 18.5858 15.75 19V22C15.75 22.4142 15.4142 22.75 15 22.75C14.5858 22.75 14.25 22.4142 14.25 22V19C14.25 18.5858 14.5858 18.25 15 18.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.75 15C22.75 15.4142 22.4142 15.75 22 15.75L19 15.75C18.5858 15.75 18.25 15.4142 18.25 15C18.25 14.5858 18.5858 14.25 19 14.25L22 14.25C22.4142 14.25 22.75 14.5858 22.75 15Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 15C5.75 15.4142 5.41421 15.75 5 15.75L2 15.75C1.58579 15.75 1.25 15.4142 1.25 15C1.25 14.5858 1.58579 14.25 2 14.25L5 14.25C5.41421 14.25 5.75 14.5858 5.75 15Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 1.25C9.41421 1.25 9.75 1.58579 9.75 2V5C9.75 5.41421 9.41421 5.75 9 5.75C8.58579 5.75 8.25 5.41421 8.25 5V2C8.25 1.58579 8.58579 1.25 9 1.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18.25C9.41421 18.25 9.75 18.5858 9.75 19V22C9.75 22.4142 9.41421 22.75 9 22.75C8.58579 22.75 8.25 22.4142 8.25 22V19C8.25 18.5858 8.58579 18.25 9 18.25Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.75 9C22.75 9.41421 22.4142 9.75 22 9.75L19 9.75C18.5858 9.75 18.25 9.41421 18.25 9C18.25 8.58579 18.5858 8.25 19 8.25L22 8.25C22.4142 8.25 22.75 8.58579 22.75 9Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 9C5.75 9.41421 5.41421 9.75 5 9.75L2 9.75C1.58579 9.75 1.25 9.41421 1.25 9C1.25 8.58579 1.58579 8.25 2 8.25L5 8.25C5.41421 8.25 5.75 8.58579 5.75 9Z" fill="#262626"/>
+</svg>

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

@@ -0,0 +1,12 @@
+name: Property1Stroke
+category: Interface
+sub_category: Devices
+keywords:
+  - print
+  - skrive ut
+  - skriver
+  - printing room
+  - skriverom
+variant: Stroke
+updated_at: 19.02.2025
+created_at: 19.02.2025

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

@@ -13,5 +13,5 @@ keywords:
   - veiledning
   - spørsmålstegn
 variant: Stroke
-updated_at: 30.07.2024
+updated_at: 07.03.2025
 created_at: 07.03.2023

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 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 12ZM11.0498 16.9C11.0498 16.3753 11.4751 15.95 11.9998 15.95C12.5245 15.95 12.9498 16.3753 12.9498 16.9C12.9498 17.4247 12.5245 17.85 11.9998 17.85C11.4751 17.85 11.0498 17.4247 11.0498 16.9ZM10.25 9.5C10.25 8.5335 11.0335 7.75 12 7.75H12.1361C13.0274 7.75 13.75 8.47255 13.75 9.36387C13.75 9.85413 13.5271 10.3178 13.1443 10.6241L12.7028 10.9773C11.7845 11.7119 11.25 12.8241 11.25 14C11.25 14.4142 11.5858 14.75 12 14.75C12.4142 14.75 12.75 14.4142 12.75 14C12.75 13.2797 13.0774 12.5985 13.6398 12.1486L14.0814 11.7954C14.82 11.2045 15.25 10.3098 15.25 9.36387C15.25 7.64413 13.8559 6.25 12.1361 6.25H12C10.2051 6.25 8.75 7.70507 8.75 9.5C8.75 9.91421 9.08579 10.25 9.5 10.25C9.91421 10.25 10.25 9.91421 10.25 9.5Z" fill="#23262A"/>
+</svg>

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

@@ -0,0 +1,17 @@
+name: QuestionmarkCircle
+category: Status
+sub_category: Guidance
+keywords:
+  - assistance
+  - support
+  - information
+  - guidance
+  - question mark
+  - hjelp
+  - støtte
+  - informasjon
+  - veiledning
+  - spørsmålstegn
+variant: Stroke
+updated_at: 29.01.2025
+created_at: 29.01.2025

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75ZM12 7.75C11.0335 7.75 10.25 8.5335 10.25 9.5C10.25 9.91421 9.91421 10.25 9.5 10.25C9.08579 10.25 8.75 9.91421 8.75 9.5C8.75 7.70507 10.2051 6.25 12 6.25H12.1361C13.8559 6.25 15.25 7.64413 15.25 9.36387C15.25 10.3098 14.82 11.2045 14.0814 11.7954L13.6398 12.1486C13.0774 12.5985 12.75 13.2797 12.75 14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14C11.25 12.8241 11.7845 11.7119 12.7028 10.9773L13.1443 10.6241C13.5271 10.3178 13.75 9.85413 13.75 9.36387C13.75 8.47255 13.0274 7.75 12.1361 7.75H12ZM11.0498 16.9C11.0498 16.3753 11.4751 15.95 11.9998 15.95C12.5245 15.95 12.9498 16.3753 12.9498 16.9C12.9498 17.4247 12.5245 17.85 11.9998 17.85C11.4751 17.85 11.0498 17.4247 11.0498 16.9Z" fill="#23262A"/>
+</svg>

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

@@ -0,0 +1,17 @@
+name: QuestionmarkCircleFill
+category: Status
+sub_category: Guidance
+keywords:
+  - assistance
+  - support
+  - information
+  - guidance
+  - question mark
+  - hjelp
+  - støtte
+  - informasjon
+  - veiledning
+  - spørsmålstegn
+variant: Fill
+updated_at: 29.01.2025
+created_at: 29.01.2025

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

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 3.75C13.9142 3.75 14.25 4.08579 14.25 4.5L14.25 8.68933L18.9697 3.96967C19.2625 3.67678 19.7374 3.67678 20.0303 3.96967C20.3232 4.26256 20.3232 4.73744 20.0303 5.03033L15.3106 9.75002L19.5 9.75002C19.9142 9.75002 20.25 10.0858 20.25 10.5C20.25 10.9142 19.9142 11.25 19.5 11.25L13.5 11.25C13.3011 11.25 13.1103 11.171 12.9697 11.0303C12.829 10.8897 12.75 10.6989 12.75 10.5L12.75 4.5C12.75 4.08579 13.0858 3.75 13.5 3.75ZM3.74999 13.5C3.74999 13.0858 4.08577 12.75 4.49999 12.75L10.5 12.75C10.9142 12.75 11.25 13.0858 11.25 13.5L11.25 19.5C11.25 19.9142 10.9142 20.25 10.5 20.25C10.0858 20.25 9.75 19.9142 9.75 19.5L9.75 15.3106L5.03031 20.0303C4.73742 20.3232 4.26255 20.3232 3.96966 20.0303C3.67676 19.7374 3.67676 19.2626 3.96966 18.9697L8.68931 14.25L4.49999 14.25C4.08577 14.25 3.74999 13.9142 3.74999 13.5Z" fill="#23262A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 20.25C10.0858 20.25 9.74998 19.9142 9.74998 19.5L9.74999 15.3107L5.03035 20.0303C4.73745 20.3232 4.26258 20.3232 3.96969 20.0303C3.67679 19.7374 3.67679 19.2626 3.96968 18.9697L8.68935 14.25L4.5 14.25C4.08579 14.25 3.75 13.9142 3.75 13.5C3.75 13.0858 4.08579 12.75 4.5 12.75L10.5 12.75C10.6989 12.75 10.8897 12.829 11.0303 12.9697C11.171 13.1103 11.25 13.3011 11.25 13.5L11.25 19.5C11.25 19.9142 10.9142 20.25 10.5 20.25ZM20.25 10.5C20.25 10.9142 19.9142 11.25 19.5 11.25H13.5C13.0858 11.25 12.75 10.9142 12.75 10.5V4.5C12.75 4.08579 13.0858 3.75 13.5 3.75C13.9142 3.75 14.25 4.08579 14.25 4.5V8.68935L18.9697 3.96967C19.2626 3.67678 19.7375 3.67678 20.0303 3.96967C20.3232 4.26256 20.3232 4.73744 20.0303 5.03033L15.3107 9.74999H19.5C19.9142 9.74999 20.25 10.0858 20.25 10.5Z" fill="#23262A"/>
 </svg>

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

@@ -9,5 +9,5 @@ keywords:
   - lukk
   - close
 variant: Stroke
-updated_at: 08.01.2024
+updated_at: 18.03.2025
 created_at: 07.03.2023

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

@@ -11,5 +11,5 @@ keywords:
   - hand
   - hånd
 variant: Stroke
-updated_at: 04.12.2023
+updated_at: 13.03.2025
 created_at: 07.03.2023

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

@@ -11,5 +11,5 @@ keywords:
   - hand
   - hånd
 variant: Fill
-updated_at: 04.12.2023
+updated_at: 13.03.2025
 created_at: 07.03.2023

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

@@ -6,5 +6,5 @@ keywords:
   - crystal
   - snø
 variant: Stroke
-updated_at: 05.01.2024
+updated_at: 18.03.2025
 created_at: 07.03.2023

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0303 18.5303C17.8897 18.671 17.6989 18.75 17.5 18.75C17.3011 18.75 17.1103 18.671 16.9697 18.5303L13.4697 15.0303C13.1768 14.7374 13.1768 14.2626 13.4697 13.9697C13.7626 13.6768 14.2374 13.6768 14.5303 13.9697L16.75 16.1893V6C16.75 5.58579 17.0858 5.25 17.5 5.25C17.9142 5.25 18.25 5.58579 18.25 6V16.1893L20.4697 13.9697C20.7626 13.6768 21.2374 13.6768 21.5303 13.9697C21.8232 14.2626 21.8232 14.7374 21.5303 15.0303L18.0303 18.5303ZM2.75 6.25C2.33579 6.25 2 6.58579 2 7C2 7.41421 2.33579 7.75 2.75 7.75L12.25 7.75C12.6642 7.75 13 7.41421 13 7C13 6.58579 12.6642 6.25 12.25 6.25L2.75 6.25ZM2.75 11.25C2.33579 11.25 2 11.5858 2 12C2 12.4142 2.33579 12.75 2.75 12.75L10.25 12.75C10.6642 12.75 11 12.4142 11 12C11 11.5858 10.6642 11.25 10.25 11.25H2.75ZM2 17C2 16.5858 2.33579 16.25 2.75 16.25H8.25C8.66421 16.25 9 16.5858 9 17C9 17.4142 8.66421 17.75 8.25 17.75H2.75C2.33579 17.75 2 17.4142 2 17Z" fill="#23262A"/>
+</svg>

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

@@ -0,0 +1,11 @@
+name: SortDown
+category: Interface
+sub_category: Filtering and sorting
+keywords:
+  - sort
+  - sortering
+  - synkende
+  - descending
+variant: Stroke
+updated_at: 27.01.2025
+created_at: 27.01.2025

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0303 5.46967C17.8897 5.32902 17.6989 5.25 17.5 5.25C17.3011 5.25 17.1103 5.32902 16.9697 5.46967L13.4697 8.96967C13.1768 9.26256 13.1768 9.73744 13.4697 10.0303C13.7626 10.3232 14.2374 10.3232 14.5303 10.0303L16.75 7.81066V18C16.75 18.4142 17.0858 18.75 17.5 18.75C17.9142 18.75 18.25 18.4142 18.25 18V7.81066L20.4697 10.0303C20.7626 10.3232 21.2374 10.3232 21.5303 10.0303C21.8232 9.73744 21.8232 9.26256 21.5303 8.96967L18.0303 5.46967ZM2.75 17.75C2.33579 17.75 2 17.4142 2 17C2 16.5858 2.33579 16.25 2.75 16.25L12.25 16.25C12.6642 16.25 13 16.5858 13 17C13 17.4142 12.6642 17.75 12.25 17.75L2.75 17.75ZM2.75 12.75C2.33579 12.75 2 12.4142 2 12C2 11.5858 2.33579 11.25 2.75 11.25L10.25 11.25C10.6642 11.25 11 11.5858 11 12C11 12.4142 10.6642 12.75 10.25 12.75H2.75ZM2 7C2 7.41421 2.33579 7.75 2.75 7.75H8.25C8.66421 7.75 9 7.41421 9 7C9 6.58579 8.66421 6.25 8.25 6.25H2.75C2.33579 6.25 2 6.58579 2 7Z" fill="#23262A"/>
+</svg>

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

@@ -0,0 +1,11 @@
+name: SortUp
+category: Interface
+sub_category: Filtering and sorting
+keywords:
+  - sort
+  - sortering
+  - stigende
+  - ascending
+variant: Stroke
+updated_at: 27.01.2025
+created_at: 27.01.2025

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4C4.41421 4 4.75 4.33579 4.75 4.75V11.25H6.75C7.16421 11.25 7.5 11.5858 7.5 12C7.5 12.4142 7.16421 12.75 6.75 12.75H4.75V19.25C4.75 19.6642 4.41421 20 4 20C3.58579 20 3.25 19.6642 3.25 19.25V4.75C3.25 4.33579 3.58579 4 4 4ZM9.25 11.25C8.83579 11.25 8.5 11.5858 8.5 12C8.5 12.4142 8.83579 12.75 9.25 12.75H10.75C11.1642 12.75 11.5 12.4142 11.5 12C11.5 11.5858 11.1642 11.25 10.75 11.25H9.25ZM12.5 12C12.5 11.5858 12.8358 11.25 13.25 11.25H14.75C15.1642 11.25 15.5 11.5858 15.5 12C15.5 12.4142 15.1642 12.75 14.75 12.75H13.25C12.8358 12.75 12.5 12.4142 12.5 12ZM17.25 11.25C16.8358 11.25 16.5 11.5858 16.5 12C16.5 12.4142 16.8358 12.75 17.25 12.75H19.25V19.25C19.25 19.6642 19.5858 20 20 20C20.4142 20 20.75 19.6642 20.75 19.25V4.75C20.75 4.33579 20.4142 4 20 4C19.5858 4 19.25 4.33579 19.25 4.75V11.25H17.25Z" fill="#23262A"/>
+</svg>