Version Packages (#2082 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
🐛 Fikset i18n for textarea
2026-10-13 09:12:03 +00:00 · 2023-06-28 11:35:27 +02:00 · 2023-06-28 11:25:32 +02:00 · 2023-06-28 10:39:54 +02:00 · 2023-06-28 10:39:07 +02:00 · 2023-06-28 10:06:23 +02:00
40 changed files with 121 additions and 85 deletions
@@ -1,5 +1,7 @@
 # @navikt/aksel-icons

+## 4.4.2
+
 ## 4.4.1

 ## 4.1.5
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "4.4.1",
+  "version": "4.4.2",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -1,5 +1,7 @@
 # @navikt/aksel-stylelint

+## 4.4.2
+
 ## 4.4.1

 ## 4.1.0
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-stylelint",
-  "version": "4.4.1",
+  "version": "4.4.2",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
  "repository": {
@@ -35,8 +35,8 @@
    "dev": "yarn watch:lint"
  },
  "devDependencies": {
-    "@navikt/ds-css": "^4.4.1",
-    "@navikt/ds-tokens": "^4.4.1",
+    "@navikt/ds-css": "^4.4.2",
+    "@navikt/ds-tokens": "^4.4.2",
    "@types/jest": "^29.0.0",
    "concurrently": "7.2.1",
    "copyfiles": "2.4.1",
@@ -1,5 +1,12 @@
 # @navikt/aksel

+## 4.4.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@4.4.2
+
 ## 4.4.1

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

+## 4.4.2
+
 ## 4.4.1

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "4.4.1",
+  "version": "4.4.2",
  "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": "^4.4.1",
+    "@navikt/ds-tokens": "^4.4.2",
    "cssnano": "6.0.0",
    "fast-glob": "3.2.11",
    "lodash": "4.17.21",
@@ -1,5 +1,14 @@
 # @navikt/ds-react

+## 4.4.2
+
+### Patch Changes
+
+- Textarea: Fikset i18n for counter ([`718b3204d`](https://github.com/navikt/aksel/commit/718b3204d8714c4fc515dcad484424214bdc0c77))
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@4.4.2
+
 ## 4.4.1

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "4.4.1",
+  "version": "4.4.2",
  "description": "Aksel react-components for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -38,7 +38,7 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.24.1",
-    "@navikt/aksel-icons": "^4.4.1",
+    "@navikt/aksel-icons": "^4.4.2",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^1.2.1",
@@ -203,8 +203,8 @@ export const Counter = ({ maxLength, currentLength, size, i18n }) => {
      size={size}
    >
      {difference < 0
-        ? `${Math.abs(difference)} ${i18n?.counterLeft ?? "tegn for mye"}`
-        : `${difference} ${i18n?.counterTooMuch ?? "tegn igjen"}`}
+        ? `${Math.abs(difference)} ${i18n?.counterTooMuch ?? "tegn for mye"}`
+        : `${difference} ${i18n?.counterLeft ?? "tegn igjen"}`}
    </BodyShort>
  );
 };
@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind

+## 4.4.2
+
 ## 4.4.1

 ## 4.4.0
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "4.4.1",
+  "version": "4.4.2",
  "description": "Tailwind config based on @navikt/ds-tokens",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -22,7 +22,7 @@
    "directory": "@navikt/core/tailwind"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^4.4.1",
+    "@navikt/ds-tokens": "^4.4.2",
    "@types/jest": "^29.0.0",
    "color": "4.2.3",
    "jest": "^29.0.0",
@@ -1,5 +1,7 @@
 # @navikt/ds-tokens

+## 4.4.2
+
 ## 4.4.1

 ## 4.4.0
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "4.4.1",
+  "version": "4.4.2",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -1,5 +1,11 @@
 # Changelog

+## 4.4.2
+
+### @navikt/ds-react
+
+- Textarea: Fikset i18n for counter ([`718b3204d`](https://github.com/navikt/aksel/commit/718b3204d8714c4fc515dcad484424214bdc0c77))
+
 ## 4.4.1

 ### @navikt/ds-css
@@ -8,16 +14,16 @@

 ## 4.4.0

-### @navikt/ds-react
-
- Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041))
-
 ### @navikt/ds-tailwind

 - Shadow-tokens er oppdatert ([PR](https://github.com/navikt/aksel/pull/2041))

 - Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))

+### @navikt/ds-react
+
+- Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041))
+
 ### @navikt/ds-tokens

 - Shadow-tokens er oppdatert til mer tydeligere varianter ([PR](https://github.com/navikt/aksel/pull/2041))
@@ -102,6 +108,10 @@

 ## 4.1.0

+### @navikt/ds-tailwind
+
+- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
+
 ### @navikt/ds-react

 - Chips: `neutral` og `action`-varianter for Chips.Toggle. `checkmark`-prop for Chips.Toggle ([PR](https://github.com/navikt/aksel/pull/2035))
@@ -114,10 +124,6 @@

 - Accordion: La til `indent`-prop ([PR](https://github.com/navikt/aksel/pull/2027))

-### @navikt/ds-tailwind
-
- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
-
 ### @navikt/ds-tokens

 - :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
@@ -658,14 +664,14 @@

 ## 2.0.0

-### @navikt/ds-react
-
- Fonter blir bruk i all typografi blir nå lastet fra CDN
-
 ### @navikt/ds-tailwind

 - Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))

+### @navikt/ds-react
+
+- Fonter blir bruk i all typografi blir nå lastet fra CDN
+
 ### @navikt/ds-tokens

 - Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))
@@ -15,11 +15,11 @@
    "website"
  ],
  "dependencies": {
-    "@navikt/aksel-icons": "^4.4.1",
-    "@navikt/ds-css": "^4.4.1",
-    "@navikt/ds-react": "^4.4.1",
-    "@navikt/ds-tailwind": "^4.4.1",
-    "@navikt/ds-tokens": "^4.4.1"
+    "@navikt/aksel-icons": "^4.4.2",
+    "@navikt/ds-css": "^4.4.2",
+    "@navikt/ds-react": "^4.4.2",
+    "@navikt/ds-tailwind": "^4.4.2",
+    "@navikt/ds-tokens": "^4.4.2"
  },
  "devDependencies": {
    "prettier-plugin-tailwindcss": "^0.2.3"
@@ -89,7 +89,7 @@ export const WithSidebar = ({
                  {
                    "bg-surface-subtle flex items-center justify-between":
                      variant === "page",
-                    "bg-deepblue-700/80 grid py-[4.25rem] pb-6":
+                    "bg-deepblue-700/70 grid py-[4.25rem] pb-6":
                      variant !== "page",
                    "before:from-deepblue-700 before:absolute before:inset-0 before:-z-10 before:rounded-xl before:bg-gradient-to-br before:via-blue-500 before:to-violet-700":
                      variant !== "page",
@@ -116,7 +116,7 @@ function FooterLink({ children, href }) {
  return (
    <li>
      <Link
-        className="text-text-on-inverted focus:shadow-focus focus:text-text-default flex w-fit items-center gap-1 no-underline hover:underline focus:bg-blue-200 focus:shadow-blue-200"
+        className="text-text-on-inverted focus:shadow-focus focus:text-text-default flex w-fit items-center gap-1 underline hover:no-underline focus:bg-blue-200 focus:shadow-blue-200"
        href={href}
        onClick={(e) =>
          logNav(
@@ -66,7 +66,7 @@ export const Hamburger = () => {
          aria={{ modal: true }}
          overlayClassName={styles.modalOverlay}
          contentLabel="Meny"
-          className="bg-surface-default absolute left-4 top-0 right-4 block rounded py-14 px-11 sm:right-6 sm:left-auto sm:w-96 sm:max-w-[90%] lg:hidden"
+          className="bg-surface-default shadow-xlarge absolute left-4 right-4 top-0 block rounded px-11 py-14 sm:left-auto sm:right-6 sm:w-96 sm:max-w-[90%] lg:hidden"
        >
          <nav aria-label="hovedmeny">
            <ul>
@@ -75,7 +75,7 @@ export const Hamburger = () => {
                onClick={() => setOpen(false)}
                className={cl(
                  styles.akselTertiaryButton,
-                  "absolute top-2 right-2"
+                  "absolute right-2 top-2"
                )}
                icon={<XMarkIcon title="lukk meny" fontSize="1.5rem" />}
              />
@@ -16,7 +16,7 @@ export function fuseSearch(results: any[], query: string) {
    ],
    includeScore: true,
    shouldSort: true,
-    minMatchCharLength: 3,
+    minMatchCharLength: 2,
    includeMatches: true,
    threshold: 0.3,
    location: 120,
@@ -35,11 +35,10 @@ const ComponentOverview = ({ node }: { node: ArticleListT }) => {
      <ul className="grid grid-cols-[repeat(auto-fill,_minmax(min(17rem,_100%),_1fr))] gap-6">
        {sorted.map((x) => (
          <li key={x._id}>
-            <div className="bg-surface-subtle focus-within:ring-border-focus ring-border-subtle hover:shadow-medium min-h-56 group relative rounded-2xl focus-within:ring-[3px] hover:ring-1">
+            <div className="bg-surface-subtle focus-within:ring-border-focus shadow-xsmall hover:shadow-small min-h-56 group relative rounded-2xl focus-within:ring-[3px]">
              <div
                className={cl(
-                  "flex max-h-44 items-center justify-center overflow-hidden rounded-t-2xl",
-                  "filter",
+                  "flex max-h-44 items-center justify-center overflow-hidden rounded-t-2xl filter",
                  {
                    "hue-rotate-[65deg]": x?.status?.tag === "beta",
                    grayscale: x?.status?.tag === "deprecated",
@@ -105,10 +104,10 @@ const ComponentOverview = ({ node }: { node: ArticleListT }) => {
                    <Heading
                      as="a"
                      size="small"
-                      className="z-10 before:absolute before:inset-0 focus:outline-none group-hover:underline"
+                      className="z-10 underline before:absolute before:inset-0 focus:outline-none"
                    >
                      {x.heading}
-                      <span className="absolute top-4 left-4">
+                      <span className="absolute left-4 top-4">
                        <StatusTag status={x?.status?.tag} />
                      </span>
                    </Heading>
@@ -31,7 +31,7 @@ const ArtikkelCard = ({
  );

  return (
-    <div className="hover:shadow-small focus-within:ring-border-focus bg-surface-default ring-border-subtle group relative rounded-lg p-3 pb-16 ring-1 focus-within:ring-[3px] sm:p-5 sm:pb-16">
+    <div className="shadow-xsmall hover:shadow-small focus-within:ring-border-focus bg-surface-default group relative rounded-lg p-3 pb-16 focus-within:ring-[3px] sm:p-5 sm:pb-16">
      <NextLink
        href={{
          pathname: `/${slug}`,
@@ -52,7 +52,7 @@ const ArtikkelCard = ({
        <Heading
          level={level}
          size="small"
-          className="text-deepblue-700 group-hover:underline"
+          className="text-deepblue-700 underline group-hover:no-underline"
        >
          {heading}
        </Heading>
@@ -19,7 +19,7 @@ const BloggCard = ({
      <Heading size="medium" as="div">
        <NextLink href={`/${blog.slug}`} passHref legacyBehavior>
          <Link
-            className="text-deepblue-500 no-underline hover:underline"
+            className="text-deepblue-500 underline hover:no-underline"
            onClick={(e) =>
              logNav(
                "blogg-card",
@@ -18,7 +18,7 @@ const GodPraksisCard = ({ node }: { node: AkselTemaT }) => {
  }

  return (
-    <li className="ring-border-subtle bg-surface-default hover:shadow-small focus-within:ring-border-focus relative grid rounded-lg p-6 ring-1  focus-within:ring-[3px]">
+    <li className="bg-surface-default focus-within:ring-border-focus shadow-xsmall hover:shadow-small group relative grid rounded-lg p-6 focus-within:ring-[3px]">
      <div className="relative mb-4 h-16 w-16">
        <Image
          src={urlFor(node?.pictogram).auto("format").url()}
@@ -39,7 +39,7 @@ const GodPraksisCard = ({ node }: { node: AkselTemaT }) => {
            e.currentTarget.getAttribute("href")
          )
        }
-        className="navds-heading--medium text-deepblue-700 navds-heading  mb-4 no-underline after:absolute after:inset-0 after:rounded-lg focus:outline-none group-hover:underline"
+        className="navds-heading--medium text-deepblue-700 navds-heading  mb-4 underline after:absolute after:inset-0 after:rounded-lg focus:outline-none group-hover:no-underline"
      >
        {node.title}
      </NextLink>
@@ -11,13 +11,13 @@ const InnholdsKort = ({ node }: { node: InnholdsKortPrinsipperT }) => {
  }

  return (
-    <article className="shadow-small last-of-type:mb-18 focus-within:ring-border-focus hover:shadow-medium group relative mb-7 rounded-lg bg-white p-4 ring-1 ring-gray-900/10 focus-within:ring sm:p-8">
+    <article className="last-of-type:mb-18 focus-within:ring-border-focus shadow-xsmall hover:shadow-small group relative mb-7 rounded-lg bg-white p-4 focus-within:ring sm:p-8">
      <Heading
        spacing
        size="small"
        level="3"
        id={node._key}
-        className="text-deepblue-500 scroll-mt-28 focus:outline-none group-hover:underline"
+        className="text-deepblue-500 scroll-mt-28 underline focus:outline-none group-hover:no-underline"
      >
        <NextLink
          href={`/${node?.lenke}`}
@@ -37,7 +37,7 @@ const RelatertInnhold = ({ node }: { node: RelatertInnholdT }) => {
              e.currentTarget.getAttribute("href")
            )
          }
-          className="toc-ignore shadow-small focus-visible:shadow-focus bg-surface-default ring-border-subtle group grid rounded border-2 border-transparent px-4 py-3 ring-1 focus:outline-none"
+          className="toc-ignore shadow-xsmall hover:shadow-small focus-visible:shadow-focus bg-surface-default group grid rounded border-2 border-transparent px-4 py-3 focus:outline-none"
        >
          <Heading
            as="span"
@@ -51,8 +51,7 @@ const Card = ({
    <div
      className={cl(
        "bg-surface-default group relative rounded-lg",
-        "focus-within:ring-border-focus ring-border-subtle-hover focus-within:ring-[3px]",
-        "shadow-[0_0_1px_rgb(0_0_0/0.3),0_1px_3px_rgb(0_0_0/0.15)]",
+        "focus-within:ring-border-focus ring-border-subtle-hover shadow-xsmall hover:shadow-small focus-within:ring-[3px]",
        `transition-[opacity,transform] duration-700`,
        {
          "translate-y-0 opacity-100": visible,
@@ -120,7 +119,11 @@ const Card = ({
              )
            }
          >
-            <Heading level="3" size="small" className="group-hover:underline">
+            <Heading
+              level="3"
+              size="small"
+              className="underline group-hover:no-underline"
+            >
              {article.heading}
            </Heading>
          </NextLink>
@@ -75,8 +75,9 @@ export const Highlight = ({
          text={article.tema ? article.tema[0] : undefined}
          beta={article?.status?.tag === "beta"}
        />
-        <NextLink href={`/${article.slug.current}`} passHref legacyBehavior>
+        <Heading size="large" level="3">
          <Link
+            as={NextLink}
            onClick={(e) =>
              logNav(
                "artikkel-kort",
@@ -84,13 +85,12 @@ export const Highlight = ({
                e.currentTarget.getAttribute("href")
              )
            }
-            className="text-text-default mb-5 mt-2 no-underline hover:underline"
+            href={`/${article.slug.current}`}
+            className="text-text-default mb-5 mt-2 underline hover:no-underline"
          >
-            <Heading size="large" level="3">
-              {article?.heading}
-            </Heading>
+            {article?.heading}
          </Link>
-        </NextLink>
+        </Heading>
        <BodyLong className="mb-4" size="small">
          {article?.ingress ?? article.seo?.meta}
        </BodyLong>
@@ -24,9 +24,9 @@ export const IntroCards = ({
            href={href}
            passHref
            className={cl(
-              "focus-visible:shadow-focus ring-border-subtle text-deepblue-700 bg-surface-default hover:shadow-small hover:ring-border-subtle group z-10 rounded-lg p-4 ring-1 hover:ring-1 focus:outline-none",
+              "focus-visible:shadow-focus text-deepblue-700 bg-surface-default shadow-xsmall hover:shadow-small group z-10 rounded-lg p-4 focus:outline-none",
              {
-                "shadow-small max-w-md": variant === "forside",
+                "max-w-md": variant === "forside",
              }
            )}
            prefetch={false}
@@ -44,7 +44,7 @@ export const IntroCards = ({
                className="text-deepblue-500 shrink-0 text-2xl"
                role="img"
              />
-              <span className="text-xl font-semibold group-hover:underline">
+              <span className="text-xl font-semibold underline group-hover:no-underline">
                {title}
              </span>
            </span>
@@ -40,7 +40,7 @@ export const BloggList = ({

        <div>
          <NextLink href={`/${blogg.slug}`} passHref legacyBehavior>
-            <Link className="text-deepblue-500 no-underline hover:underline">
+            <Link className="text-deepblue-500 underline hover:no-underline">
              <Heading size="small" level="2">
                {blogg.heading}
              </Heading>
@@ -88,7 +88,7 @@ export const BloggList = ({
        </div>
        <div className="md:hidden">
          <NextLink href={`/${blogg.slug}`} passHref legacyBehavior>
-            <Link className="text-deepblue-500 no-underline hover:underline">
+            <Link className="text-deepblue-500 underline hover:no-underline">
              <Heading size="small" level="2">
                {blogg.heading}
              </Heading>
@@ -41,7 +41,7 @@ export const HighlightedBlogg = ({
          )}
        </div>
        <NextLink href={`/${blogg.slug}`} passHref legacyBehavior>
-          <Link className="text-deepblue-500 no-underline hover:underline">
+          <Link className="text-deepblue-500 underline hover:no-underline">
            <Heading size="large" level="2">
              {blogg.heading}
            </Heading>
@@ -82,7 +82,7 @@ export const HighlightedBlogg = ({
          )}
        </div>
        <NextLink href={`/${blogg.slug}`} passHref legacyBehavior>
-          <Link className="text-deepblue-500 no-underline hover:underline">
+          <Link className="text-deepblue-500 underline hover:no-underline">
            <Heading size="large" level="2">
              {blogg.heading}
            </Heading>
@@ -1,3 +1,8 @@
+.examples a {
+  text-underline-offset: initial;
+  text-decoration-thickness: auto;
+}
+
 .container {
  display: flex;
  align-items: center;
@@ -11,7 +11,7 @@ export const withDsExample = (
 ) => {
  const DsHOC = (props: any) => (
    <div
-      className={cl({
+      className={cl(styles.examples, {
        "bg-gray-900": variant === "inverted",
        "bg-bg-subtle": variant === "subtle",
        [styles.containerStatic]: variant === "static",
@@ -120,7 +120,7 @@ export const IconPage = ({ name }: { name: string }) => {
              <TitleLinks />
            </div>

-            <div className="bg-surface-default shadow-small ring-border-subtle z-10 mb-8 mt-16 h-full w-full rounded-2xl ring-1">
+            <div className="bg-surface-default shadow-large z-10 mb-8 mt-16 h-full w-full rounded-2xl">
              <div className="border-b-border-subtle bg-surface-default sticky top-0 z-20 grid items-center rounded-t-2xl border-b p-1">
                <form
                  onSubmit={(e) => e.preventDefault()}
@@ -3,11 +3,11 @@ import {
  usePageView,
 } from "components/website-modules/utils/amplitude";
 import { useScrollToHashOnPageLoad } from "components/website-modules/utils/util";
+import dynamic from "next/dynamic";
 import Head from "next/head";
 import { Router } from "next/router";
 import { useEffect } from "react";
 import { IdContext } from "../components/website-modules/utils/contexts/id-context";
-import dynamic from "next/dynamic";
 import "../styles/index.css";

 initAmplitude();
@@ -3,7 +3,7 @@ import { withDsExample } from "components/website-modules/examples/withDsExample

 const Example = () => {
  return (
-    <div className="shadow-medium ring-border-subtle w-56 rounded-lg p-6 ring-1">
+    <div className="shadow-xsmall w-56 rounded-lg p-6 ">
      <Skeleton variant="circle" width={60} height={60} />
      <Skeleton variant="text" width="100%" />
      <Skeleton variant="text" width="100%" />
@@ -250,21 +250,16 @@ const Page = ({
                <div className="mt-8 flex flex-wrap gap-2">
                  {filteredTema.map(({ title, slug }: any) => (
                    <span key={title}>
-                      <NextLink
-                        key={title}
+                      <BodyShort
                        href={`/god-praksis/${slug.current}`}
-                        passHref
-                        legacyBehavior
+                        key={title}
+                        size="small"
+                        as={NextLink}
+                        className="min-h-8 text-deepblue-800 focus-visible:shadow-focus bg-surface-neutral-subtle hover:bg-surface-neutral-subtle-hover ring-border-subtle flex items-center  justify-center gap-[2px] rounded-full pl-4 pr-1 ring-1 ring-inset focus:outline-none"
                      >
-                        <BodyShort
-                          size="small"
-                          as="a"
-                          className="min-h-8 text-deepblue-800 focus-visible:shadow-focus flex items-center justify-center gap-[2px] rounded-full bg-gray-200 pl-4 pr-1 capitalize no-underline hover:underline focus:outline-none"
-                        >
-                          {title}
-                          <ChevronRightIcon aria-hidden fontSize="1.25rem" />
-                        </BodyShort>
-                      </NextLink>
+                        {title}
+                        <ChevronRightIcon aria-hidden fontSize="1.25rem" />
+                      </BodyShort>
                    </span>
                  ))}
                </div>
@@ -31,6 +31,8 @@ p {
 a {
  color: inherit;
  text-decoration: inherit;
+  text-underline-offset: 2px;
+  text-decoration-thickness: 0.0625em;
 }

 [id] {
@@ -10,8 +10,8 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@navikt/ds-css": "4.4.1",
-    "@navikt/ds-react": "4.4.1",
+    "@navikt/ds-css": "4.4.2",
+    "@navikt/ds-react": "4.4.2",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	6eb8a79092	Version Packages (#2082 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-06-28 11:35:27 +02:00
Ken	718b3204d8	🐛 Fikset i18n for textarea	2023-06-28 11:25:32 +02:00
Ken	45970ac0fb	🐛 UU dukket ikke opp i søk	2023-06-28 10:39:54 +02:00
Ken	fe5e8ada74	🐛 Fikset capitalize på god-praksis tagger	2023-06-28 10:39:07 +02:00
Ken	3e625a5cb5	🐛 Underline brakk på windows for forside-kort	2023-06-28 10:06:23 +02:00
Ken	edc3495ce6	🐛 Fikset text-decoration for windows på aksel.nav.no	2023-06-27 20:26:59 +02:00
Ken	2520bc7ff5	🎨 Fikset lenker brukt på Aksel.nav.no 🎨 Intro-cards shadows 💄 Komponentoversikt-cards 💄 Oppdatert lenkevisning for cards på aksel.nav.no	2023-06-27 15:25:06 +02:00