Version Packages (#2828 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
💄 Fjernet Illustrasjon fra bloggsider (#2827 )
2026-10-13 01:02:02 +00:00 · 2024-04-03 11:56:35 +02:00 · 2024-04-03 11:50:12 +02:00 · 2024-04-03 11:37:05 +02:00 · 2024-04-03 10:03:44 +02:00 · 2024-04-03 09:45:19 +02:00
35 changed files with 1984 additions and 3243 deletions
@@ -1,4 +1,3 @@
-import { mergeConfig } from "vite";
 import turbosnap from "vite-plugin-turbosnap";

 export default {
@@ -7,7 +6,7 @@ export default {
  stories: () => ["../@navikt/**/*.stories.@(js|jsx|ts|tsx|mdx)", "./*.mdx"],
  addons: [
    "@storybook/addon-a11y",
-    "@xfinx/storybook-addon-html",
+    "@whitespace/storybook-addon-html",
    "@storybook/addon-interactions",
    {
      name: "@storybook/addon-storysource",
@@ -42,6 +41,7 @@ export default {
  },

  async viteFinal(config, { configType }) {
+    const { mergeConfig } = await import("vite");
    return mergeConfig(config, {
      plugins:
        configType === "PRODUCTION"
@@ -1,5 +1,9 @@
 # @navikt/aksel-icons

+## 6.3.6
+
+## 6.3.5
+
 ## 6.3.4

 ## 6.3.3
@@ -3,12 +3,12 @@ import React from "react";
 import * as AkselIcons from "@navikt/aksel-icons";
 import { StarFillIcon } from "@navikt/aksel-icons";

-const meta = {
+const meta: Meta<typeof StarFillIcon> = {
  title: "aksel-icons/Icons",
-} satisfies Meta<typeof StarFillIcon>;
-
+};
 export default meta;
-type Story = StoryObj<typeof meta>;
+
+type Story = StoryObj<typeof StarFillIcon>;

 export const Icons: Story = {
  render: () => {
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -1,5 +1,9 @@
 # @navikt/aksel-stylelint

+## 6.3.6
+
+## 6.3.5
+
 ## 6.3.4

 ## 6.3.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-stylelint",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
  "repository": {
@@ -35,8 +35,8 @@
    "dev": "yarn watch:lint"
  },
  "devDependencies": {
-    "@navikt/ds-css": "^6.3.4",
-    "@navikt/ds-tokens": "^6.3.4",
+    "@navikt/ds-css": "^6.3.6",
+    "@navikt/ds-tokens": "^6.3.6",
    "concurrently": "7.2.1",
    "postcss-selector-parser": "^6.0.13",
    "postcss-value-parser": "^4.2.0",
@@ -1,5 +1,19 @@
 # @navikt/aksel

+## 6.3.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@6.3.6
+
+## 6.3.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@6.3.5
+
 ## 6.3.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "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": "6.3.4",
+    "@navikt/ds-css": "6.3.6",
    "axios": "1.6.0",
    "chalk": "4.1.0",
    "clipboardy": "^2.3.0",
@@ -1,5 +1,9 @@
 # @navikt/ds-css

+## 6.3.6
+
+## 6.3.5
+
 ## 6.3.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -27,7 +27,7 @@
    "css:get-version": "node config/get-version.js"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^6.3.4",
+    "@navikt/ds-tokens": "^6.3.6",
    "cssnano": "6.0.0",
    "fast-glob": "3.2.11",
    "lodash": "4.17.21",
@@ -1,5 +1,25 @@
 # @navikt/ds-react

+## 6.3.6
+
+### Patch Changes
+
+- DatePicker: Fjernet role gridcell fra dato-knapper. ([#2826](https://github.com/navikt/aksel/pull/2826))
+
+- Updated dependencies []:
+  - @navikt/ds-tokens@6.3.6
+  - @navikt/aksel-icons@6.3.6
+
+## 6.3.5
+
+### Patch Changes
+
+- Modal: Fjern tomt element ([#2819](https://github.com/navikt/aksel/pull/2819))
+
+- Updated dependencies []:
+  - @navikt/ds-tokens@6.3.5
+  - @navikt/aksel-icons@6.3.5
+
 ## 6.3.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "description": "React components from the Norwegian Labour and Welfare Administration.",
  "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
  "license": "MIT",
@@ -562,8 +562,8 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.25.4",
-    "@navikt/aksel-icons": "^6.3.4",
-    "@navikt/ds-tokens": "^6.3.4",
+    "@navikt/aksel-icons": "^6.3.6",
+    "@navikt/ds-tokens": "^6.3.6",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^2.1.0",
@@ -20,6 +20,7 @@ const DayButton = (props: DayProps) => {
      name="day"
      ref={buttonRef}
      {...dayRender.buttonProps}
+      role={undefined}
      aria-label={dateTime}
      aria-hidden={dayRender.activeModifiers.outside}
    />
@@ -41,16 +41,14 @@ export const PosterVariants = {
  render: () => (
    <VStack gap="6" align="start">
      <GuidePanel>
-        If you exclude the <code>poster</code> prop, you will get the poster
-        variant on mobile (&lt;480px) and the non-poster variant otherwise.
+        If you exclude the `poster` prop, you will get the poster variant on
+        mobile (&lt;480px) and the non-poster variant otherwise.
      </GuidePanel>
      <GuidePanel poster>
-        Use the <code>poster</code> prop to get the poster variant on all
-        viewports.
+        Use the `poster` prop to get the poster variant on all viewports.
      </GuidePanel>
      <GuidePanel poster={false}>
-        Set <code>poster=false</code> to get the non-poster variant on all
-        viewports.
+        Set `poster=false` to get the non-poster variant on all viewports.
      </GuidePanel>
    </VStack>
  ),
@@ -238,7 +238,11 @@ export const Modal = forwardRef<HTMLDialogElement, ModalProps>(
                level="1"
                id={ariaLabelId}
              >
-                <span className="navds-modal__header-icon">{header.icon}</span>
+                {header.icon && (
+                  <span className="navds-modal__header-icon">
+                    {header.icon}
+                  </span>
+                )}
                {header.heading}
              </Heading>
            </ModalHeader>
@@ -4,18 +4,17 @@ import React from "react";
 import { VStack } from "../../layout/stack";
 import BodyLong from "../BodyLong";

-const meta = {
+const meta: Meta<typeof BodyLong> = {
  title: "ds-react/Typography/BodyLong",
  component: BodyLong,
  decorators: [(story) => <div style={{ maxWidth: "700px" }}>{story()}</div>],
  parameters: {
    chromatic: { disable: true },
  },
-} satisfies Meta<typeof BodyLong>;
-
+};
 export default meta;

-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof BodyLong>;

 const lorem =
  "Hvis du ikke bor sammen med begge foreldrene dine, kan du ha rett til barnebidrag fra en eller begge foreldre mens du fullfører videregående skole eller tilsvarende.";
@@ -4,18 +4,17 @@ import React from "react";
 import { VStack } from "../../layout/stack";
 import { BodyShort } from "../BodyShort";

-const meta = {
+const meta: Meta<typeof BodyShort> = {
  title: "ds-react/Typography/BodyShort",
  component: BodyShort,
  decorators: [(story) => <div style={{ maxWidth: "250px" }}>{story()}</div>],
  parameters: {
    chromatic: { disable: true },
  },
-} satisfies Meta<typeof BodyShort>;
-
+};
 export default meta;

-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof BodyShort>;

 const lorem = "Du må gjøre en filtrering for å se brukere i listen.";

@@ -4,18 +4,17 @@ import React from "react";
 import { VStack } from "../../layout/stack";
 import Detail from "../Detail";

-const meta = {
+const meta: Meta<typeof Detail> = {
  title: "ds-react/Typography/Detail",
  component: Detail,
  decorators: [(story) => <div style={{ maxWidth: "200px" }}>{story()}</div>],
  parameters: {
    chromatic: { disable: true },
  },
-} satisfies Meta<typeof Detail>;
-
+};
 export default meta;

-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Detail>;

 const lorem = "Du må gjøre en filtrering for å se brukere i listen.";

@@ -4,17 +4,16 @@ import React from "react";
 import { VStack } from "../../layout/stack";
 import ErrorMessage from "../ErrorMessage";

-const meta = {
+const meta: Meta<typeof ErrorMessage> = {
  title: "ds-react/Typography/ErrorMessage",
  component: ErrorMessage,
  parameters: {
    chromatic: { disable: true },
  },
-} satisfies Meta<typeof ErrorMessage>;
-
+};
 export default meta;

-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof ErrorMessage>;

 const lorem =
  "Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon";
@@ -4,18 +4,17 @@ import { default as React } from "react";
 import { VStack } from "../../layout/stack";
 import Heading from "../Heading";

-const meta = {
+const meta: Meta<typeof Heading> = {
  title: "ds-react/Typography/Heading",
  component: Heading,
  decorators: [(story) => <div style={{ maxWidth: "300px" }}>{story()}</div>],
  parameters: {
    chromatic: { disable: true },
  },
-} satisfies Meta<typeof Heading>;
-
+};
 export default meta;

-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Heading>;

 const lorem = "Hva kan vi hjelpe deg med?";

@@ -4,18 +4,17 @@ import React from "react";
 import { VStack } from "../../layout/stack";
 import Label from "../Label";

-const meta = {
+const meta: Meta<typeof Label> = {
  title: "ds-react/Typography/Label",
  component: Label,
  decorators: [(story) => <div style={{ maxWidth: "400px" }}>{story()}</div>],
  parameters: {
    chromatic: { disable: true },
  },
-} satisfies Meta<typeof Label>;
-
+};
 export default meta;

-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Label>;

 const lorem =
  "Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon";
@@ -1,5 +1,9 @@
 # @navikt/ds-tailwind

+## 6.3.6
+
+## 6.3.5
+
 ## 6.3.4

 ## 6.3.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "description": "Tailwind config based on @navikt/ds-tokens",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -25,7 +25,7 @@
    "directory": "@navikt/core/tailwind"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^6.3.4",
+    "@navikt/ds-tokens": "^6.3.6",
    "color": "4.2.3",
    "lodash": "^4.17.21",
    "tailwindcss": "^3.3.3",
@@ -1,5 +1,9 @@
 # @navikt/ds-tokens

+## 6.3.6
+
+## 6.3.5
+
 ## 6.3.4

 ## 6.3.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "6.3.4",
+  "version": "6.3.6",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -10,6 +10,10 @@

 ### @navikt/ds-react

+- DatePicker: Fjernet role gridcell fra dato-knapper. ([#2826](https://github.com/navikt/aksel/pull/2826))
+
+* Modal: Fjern tomt element ([#2819](https://github.com/navikt/aksel/pull/2819))
+
 - Switch: Fikset edgecase der checked Switch var visuelt unchecked ([#2810](https://github.com/navikt/aksel/pull/2810))

 - FileUpload.Dropzone: id prop settes på button ([#2817](https://github.com/navikt/aksel/pull/2817))
@@ -15,10 +15,10 @@
    "playroom"
  ],
  "dependencies": {
-    "@navikt/aksel-icons": "^6.3.4",
-    "@navikt/ds-css": "^6.3.4",
-    "@navikt/ds-react": "^6.3.4",
-    "@navikt/ds-tailwind": "^6.3.4",
-    "@navikt/ds-tokens": "^6.3.4"
+    "@navikt/aksel-icons": "^6.3.6",
+    "@navikt/ds-css": "^6.3.6",
+    "@navikt/ds-react": "^6.3.6",
+    "@navikt/ds-tailwind": "^6.3.6",
+    "@navikt/ds-tokens": "^6.3.6"
  }
 }
@@ -12,10 +12,10 @@ function getAbsolutePath(value: string): any {
 }

 const config: StorybookConfig = {
-  storyIndexers: (indexers) => {
+  experimental_indexers: (indexers) => {
    const csfIndexer = async (fileName: string, opts) => {
      const code = readFileSync(fileName, "utf-8").toString();
-      return loadCsf(code, { ...opts, fileName }).parse();
+      return loadCsf(code, { ...opts, fileName }).parse().indexInputs;
    };

    const exampleIndexer = async (fileName: string, opts) => {
@@ -32,18 +32,18 @@ const config: StorybookConfig = {
        .split("pages/eksempler/")[1]
        .replace(".tsx", "")}"  };\n`;

-      return loadCsf(code, { ...opts, fileName }).parse();
+      return loadCsf(code, { ...opts, fileName }).parse().indexInputs;
    };

    return [
      ...(indexers || []),
      {
        test: /(stories|story)\.[tj]sx?$/,
-        indexer: csfIndexer,
+        createIndex: csfIndexer,
      },
      {
        test: /pages\/eksempler\/|(".+")|(.+.tsx)$/,
-        indexer: exampleIndexer,
+        createIndex: exampleIndexer,
      },
    ];
  },
@@ -32,7 +32,7 @@ const Footer = () => {
            heading="Snarveier"
            links={[
              {
-                url: "/god-praksis/artikler/skriv-for-aksel",
+                url: "/side/skriv-for-aksel",
                text: "Skriv for Aksel",
              },
              {
@@ -50,7 +50,7 @@ const Footer = () => {
            heading="Om nettstedet"
            links={[
              {
-                url: "/god-praksis/artikler/om-aksel",
+                url: "/side/om-aksel",
                text: "Hva er Aksel?",
              },
              {
@@ -15,7 +15,7 @@ const BloggCard = ({ blog }: BloggCardProps) => {
  return (
    <li
      key={blog._id}
-      className="flex h-full flex-col place-content-start border-b border-b-border-subtle pb-8"
+      className="flex h-full flex-col place-content-start border-b border-b-border-subtle pb-10"
    >
      <Heading size="medium" as="div">
        <NextLink href={`/${blog.slug}`} passHref legacyBehavior>
@@ -32,7 +32,7 @@ const BloggCard = ({ blog }: BloggCardProps) => {
          </Link>
        </NextLink>
      </Heading>
-      <BodyLong className="my-2">{blog?.ingress}</BodyLong>
+      <BodyLong className="my-2 line-clamp-2">{blog?.ingress}</BodyLong>
      {getAuthors(blog).length > 0 && (
        <BodyShort
          size="small"
@@ -17,7 +17,6 @@ import {
 } from "@/types";
 import { abbrName, dateStr, getImage } from "@/utils";
 import { BloggAd } from "@/web/BloggAd";
-import { AkselCubeStatic } from "@/web/aksel-cube/AkselCube";
 import { SEO } from "@/web/seo/SEO";
 import NotFotfund from "../404";

@@ -165,7 +164,6 @@ const Page = ({ blogg, morePosts, publishDate }: PageProps["props"]) => {
          </div>
        </div>
        <div className="relative mt-16">
-          <AkselCubeStatic className="z-0 text-amber-300 opacity-20" />
          <div className="relative z-10 mt-8 px-4">
            <SanityBlockContent
              className="dynamic-wrapper-prose"
@@ -14,7 +14,6 @@ import {
  ResolveSlugT,
 } from "@/types";
 import { BloggAd } from "@/web/BloggAd";
-import { AkselCubeStatic } from "@/web/aksel-cube/AkselCube";
 import { LatestBloggposts } from "@/web/blogg-page/BloggPage";
 import { SEO } from "@/web/seo/SEO";
 import NotFotfund from "../404";
@@ -80,7 +79,6 @@ const Page = (props: PageProps["props"]) => {
          id="hovedinnhold"
          className="relative overflow-hidden focus:outline-none"
        >
-          <AkselCubeStatic className="text-[#FFE78A] opacity-10" />
          <div className="mx-auto mb-40 grid w-full max-w-screen-2xl px-4 sm:px-6">
            <LatestBloggposts
              bloggs={props?.bloggposts}
@@ -32,10 +32,7 @@ export const RelatertInnhold = defineType({
              title: "Tittel",
              name: "title",
              type: "string",
-              validation: (Rule) =>
-                Rule.required()
-                  .max(40)
-                  .error("Tittelen kan være på maks 40 tegn"),
+              validation: (Rule) => Rule.required(),
            }),
            defineField({
              title: "Intern side i Sanity",
@@ -143,23 +143,23 @@
  },
  "devDependencies": {
    "@changesets/cli": "2.26.2",
-    "@storybook/addon-a11y": "^7.6.7",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-storysource": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/csf-tools": "^7.6.7",
-    "@storybook/manager-api": "^7.6.7",
-    "@storybook/nextjs": "^7.6.7",
-    "@storybook/react": "^7.6.7",
-    "@storybook/react-vite": "^7.6.7",
-    "@storybook/test": "^7.6.7",
-    "@storybook/theming": "^7.6.7",
+    "@storybook/addon-a11y": "^8.0.5",
+    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-interactions": "^8.0.5",
+    "@storybook/addon-storysource": "^8.0.5",
+    "@storybook/blocks": "^8.0.5",
+    "@storybook/csf-tools": "^8.0.5",
+    "@storybook/manager-api": "^8.0.5",
+    "@storybook/nextjs": "^8.0.5",
+    "@storybook/react": "^8.0.5",
+    "@storybook/react-vite": "^8.0.5",
+    "@storybook/test": "^8.0.5",
+    "@storybook/theming": "^8.0.5",
    "@svitejs/changesets-changelog-github-compact": "^1.1.0",
    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
    "@typescript-eslint/eslint-plugin": "^6.7.3",
    "@typescript-eslint/parser": "^6.7.3",
-    "@xfinx/storybook-addon-html": "5.1.10",
+    "@whitespace/storybook-addon-html": "^6.0.4",
    "chromatic": "9.1.0",
    "concurrently": "7.2.1",
    "cross-env": "^7.0.0",
@@ -182,8 +182,8 @@
    "react-docgen-typescript": "2.2.2",
    "react-dom": "^18.0.0",
    "react-syntax-highlighter": "^15.5.0",
-    "storybook": "^7.6.7",
-    "storybook-addon-pseudo-states": "^2.1.2",
+    "storybook": "^8.0.5",
+    "storybook-addon-pseudo-states": "^3.0.1",
    "stylelint": "^14.8.5",
    "stylelint-config-prettier": "^9.0.3",
    "stylelint-config-standard": "^25.0.0",
@@ -194,6 +194,6 @@
    "vite-plugin-turbosnap": "^1.0.3",
    "yarn": "^1.22.10"
  },
-  "_notes": "react-syntax-highlighter is a dependency of @xfinx/storybook-addon-html",
+  "_notes": "react-syntax-highlighter is a dependency of @whitespace/storybook-addon-html",
  "packageManager": "yarn@3.2.1"
 }
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	491fccbe80	Version Packages (#2828 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2024-04-03 11:56:35 +02:00
Ken	cca2a8263f	💄 Fjernet Illustrasjon fra bloggsider (#2827 )	2024-04-03 11:50:12 +02:00
Ken	3140ec2765	🔥 Fjernet role=gridcell fra datoknapper (#2826 ) Siden knappene allerede er i en table og da også td er det unødvendig med gricell	2024-04-03 11:37:05 +02:00
Halvor Haugan	d8fce83ae3	Oppgrader til Storybook 8 (#2825 )	2024-04-03 10:03:44 +02:00
github-actions[bot]andgithub-actions[bot]	f88b00daf6	Version Packages (#2821 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2024-04-03 09:45:19 +02:00
Ken	6d0baea5c1	👽 Oppdatert om Aksel lenke i footer Side er flyttet fra god-praksis til standalone-side url Er opprettet automatisk redirect slik at eldre lenker ikke brekker	2024-04-03 09:25:54 +02:00
Ken	880e77b9c2	♻️ Fjernet max-krav for antall tegn i Relaterte lenker-module Siden lenketeksten ofte refererer til en sidetittel skaper det utfordringer da de ofte er litt lengre	2024-04-03 09:03:57 +02:00
Ken	6d16373f85	👽 Oppdatert skriv for aksel lenke i footer Side er flyttet fra god-praksis til standalone-side url Er opprettet automatisk redirect slik at eldre lenker ikke brekker	2024-04-03 08:42:08 +02:00
Halvor Haugan	ae078254dc	Modal: Fjern tomt element (#2819 )	2024-04-02 10:20:00 +02:00