Version Packages (#1778 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
openOnFocus-prop for useDatepicker/useMonthpicker (#1777 )
2026-10-14 09:42:02 +00:00 · 2023-02-02 13:28:59 +01:00 · 2023-02-02 12:42:17 +01:00 · 2023-02-01 10:06:44 +01:00 · 2023-02-01 09:36:29 +01:00 · 2023-01-31 16:11:14 +01:00
41 changed files with 651 additions and 189 deletions
@@ -1,5 +1,9 @@
 # @navikt/ds-codemod

+## 2.1.6
+
+## 2.1.5
+
 ## 2.1.4

 ## 2.1.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-codemod",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "Aksel codemods for NAVs designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -39,8 +39,8 @@
    "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.1.4",
-    "@navikt/ds-react": "^2.1.4",
+    "@navikt/ds-icons": "^2.1.6",
+    "@navikt/ds-react": "^2.1.6",
    "clsx": "^1.1.1"
  },
  "devDependencies": {
@@ -1,5 +1,9 @@
 # @navikt/ds-css

+## 2.1.6
+
+## 2.1.5
+
 ## 2.1.4

 ## 2.1.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -20,7 +20,7 @@
    "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^2.1.4",
+    "@navikt/ds-tokens": "^2.1.6",
    "normalize.css": "^8.0.1",
    "postcss": "^8.4.0",
    "postcss-cli": "^9.0.0",
@@ -1,5 +1,23 @@
 # @navikt/ds-react

+## 2.1.6
+
+### Patch Changes
+
+- [#1777](https://github.com/navikt/Designsystemet/pull/1777) [`cd1c93f9d`](https://github.com/navikt/Designsystemet/commit/cd1c93f9d471fbbc38215d788a73f21b5b216c5b) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Datepicker og monthpicker kan nå bestemme om popover skal dukke opp ved fokus
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.1.6
+
+## 2.1.5
+
+### Patch Changes
+
+- Hotfix: ESM import fra date-fns feilet
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.1.5
+
 ## 2.1.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "Aksel react-components for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -37,7 +37,7 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.17.0",
-    "@navikt/ds-icons": "^2.1.4",
+    "@navikt/ds-icons": "^2.1.6",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^1.2.1",
@@ -148,6 +148,7 @@ export const UseDatepicker = () => {
    fromDate: new Date("Aug 23 2019"),
    onDateChange: console.log,
    locale: "en",
+    openOnFocus: false,
  });

  return (
@@ -179,6 +180,21 @@ export const UseRangedDatepicker = () => {
  );
 };

+export const OpenOnFocus = () => {
+  const { datepickerProps, inputProps } = UNSAFE_useDatepicker({
+    onDateChange: console.log,
+    openOnFocus: false,
+  });
+
+  return (
+    <div style={{ display: "flex", gap: "1rem" }}>
+      <DatePicker {...datepickerProps}>
+        <DatePicker.Input {...inputProps} label="Velg dato" />
+      </DatePicker>
+    </div>
+  );
+};
+
 export const NB = () => (
  <DatePicker.Standalone locale="nb" today={new Date("2006-07-01")} />
 );
@@ -56,6 +56,11 @@ export interface UseDatepickerOptions
   * In 2023 this equals to 1943 - 2042
   */
  allowTwoDigitYear?: boolean;
+  /**
+   * Opens datepicker on input-focus
+   * @default true
+   */
+  openOnFocus?: boolean;
 }

 interface UseDatepickerValue {
@@ -123,6 +128,7 @@ export const useDatepicker = (
    onValidate,
    defaultMonth,
    allowTwoDigitYear = true,
+    openOnFocus = true,
  } = opt;

  const locale = getLocaleFromString(_locale);
@@ -198,7 +204,7 @@ export const useDatepicker = (
  };

  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {
-    !open && setOpen(true);
+    !open && openOnFocus && setOpen(true);
    let day = parseDate(
      e.target.value,
      today,
@@ -42,6 +42,11 @@ export interface UseMonthPickerOptions
   * In 2023 this equals to 1943 - 2042
   */
  allowTwoDigitYear?: boolean;
+  /**
+   * Opens datepicker on input-focus
+   * @default true
+   */
+  openOnFocus?: boolean;
 }

 interface UseMonthPickerValue {
@@ -104,6 +109,7 @@ export const useMonthpicker = (
    onValidate,
    defaultYear,
    allowTwoDigitYear = true,
+    openOnFocus = true,
  } = opt;

  const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);
@@ -180,7 +186,7 @@ export const useMonthpicker = (
  };

  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {
-    !open && setOpen(true);
+    !open && openOnFocus && setOpen(true);
    let day = parseDate(
      e.target.value,
      today,
@@ -1,5 +1,5 @@
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
-import { isBefore } from "date-fns/esm";
+import isBefore from "date-fns/isBefore";
 import isWeekend from "date-fns/isWeekend";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { DateRange, isMatch } from "react-day-picker";
@@ -204,6 +204,7 @@ export const useRangeDatepicker = (
    onValidate,
    defaultMonth,
    allowTwoDigitYear = true,
+    openOnFocus = true,
  } = opt;

  const locale = getLocaleFromString(_locale);
@@ -323,7 +324,7 @@ export const useRangeDatepicker = (
  };

  const handleFocus = (e, src: RangeT) => {
-    !open && setOpen(true);
+    !open && openOnFocus && setOpen(true);
    let day = parseDate(
      e.target.value,
      today,
@@ -1,5 +1,9 @@
 # @navikt/ds-tailwind

+## 2.1.6
+
+## 2.1.5
+
 ## 2.1.4

 ## 2.1.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "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": "^2.1.4",
+    "@navikt/ds-tokens": "^2.1.6",
    "@types/jest": "^29.0.0",
    "color": "4.2.3",
    "jest": "^29.0.0",
@@ -1,5 +1,9 @@
 # @navikt/ds-tokens

+## 2.1.6
+
+## 2.1.5
+
 ## 2.1.4

 ## 2.1.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -1,5 +1,9 @@
 # @navikt/ds-icons

+## 2.1.6
+
+## 2.1.5
+
 ## 2.1.4

 ## 2.1.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-icons",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "Aksel icons for NAV",
  "author": "Aksel | NAV designsystem team",
  "repository": {
@@ -1,5 +1,9 @@
 # @navikt/ds-css-internal

+## 2.1.6
+
+## 2.1.5
+
 ## 2.1.4

 ## 2.1.3
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css-internal",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "CSS for NAV internal Designsystem-components",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -1,5 +1,21 @@
 # @navikt/ds-react-internal

+## 2.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`cd1c93f9d`](https://github.com/navikt/Designsystemet/commit/cd1c93f9d471fbbc38215d788a73f21b5b216c5b)]:
+  - @navikt/ds-react@2.1.6
+  - @navikt/ds-icons@2.1.6
+
+## 2.1.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.1.5
+  - @navikt/ds-icons@2.1.5
+
 ## 2.1.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react-internal",
-  "version": "2.1.4",
+  "version": "2.1.6",
  "description": "Aksel react components for internal UIs in NAV",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -35,8 +35,8 @@
    "watch": "tsc --watch -p tsconfig.esm.json"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.1.4",
-    "@navikt/ds-react": "^2.1.4",
+    "@navikt/ds-icons": "^2.1.6",
+    "@navikt/ds-react": "^2.1.6",
    "clsx": "^1.1.1",
    "copy-to-clipboard": "^3.3.1"
  },
@@ -15,14 +15,14 @@
    "website"
  ],
  "dependencies": {
-    "@navikt/ds-codemod": "^2.1.4",
-    "@navikt/ds-css": "^2.1.4",
-    "@navikt/ds-css-internal": "^2.1.4",
-    "@navikt/ds-icons": "^2.1.4",
-    "@navikt/ds-react": "^2.1.4",
-    "@navikt/ds-react-internal": "^2.1.4",
-    "@navikt/ds-tailwind": "^2.1.4",
-    "@navikt/ds-tokens": "^2.1.4"
+    "@navikt/ds-codemod": "^2.1.6",
+    "@navikt/ds-css": "^2.1.6",
+    "@navikt/ds-css-internal": "^2.1.6",
+    "@navikt/ds-icons": "^2.1.6",
+    "@navikt/ds-react": "^2.1.6",
+    "@navikt/ds-react-internal": "^2.1.6",
+    "@navikt/ds-tailwind": "^2.1.6",
+    "@navikt/ds-tokens": "^2.1.6"
  },
  "devDependencies": {
    "prettier-plugin-tailwindcss": "^0.1.13"
@@ -13,6 +13,7 @@ import {
  DoDont,
  Kode,
  LevelTwoHeading,
+  logNav,
  PropsSeksjon,
  RelatertInnhold,
  SideModul,
@@ -187,17 +188,48 @@ const serializers = {
      }
      if (href && href.startsWith("mailto:")) {
        return (
-          <NextLink href={href} passHref>
+          <NextLink
+            href={href}
+            passHref
+            onClick={(e) =>
+              logNav(
+                "link",
+                window.location.pathname,
+                e.currentTarget.getAttribute("href")
+              )
+            }
+          >
            <Link className="inline">{children}</Link>
          </NextLink>
        );
      }
      return blank ? (
-        <Link href={href} target="_blank" rel="noreferrer noopener">
+        <Link
+          href={href}
+          target="_blank"
+          rel="noreferrer noopener"
+          onClick={(e) =>
+            logNav(
+              "link",
+              window.location.pathname,
+              e.currentTarget.getAttribute("href")
+            )
+          }
+        >
          {children} <ExternalLink title="åpner lenken i ny fane" />
        </Link>
      ) : (
-        <NextLink href={href} passHref>
+        <NextLink
+          href={href}
+          passHref
+          onClick={(e) =>
+            logNav(
+              "link",
+              window.location.pathname,
+              e.currentTarget.getAttribute("href")
+            )
+          }
+        >
          <Link className="inline">{children}</Link>
        </NextLink>
      );
@@ -209,7 +241,17 @@ const serializers = {
      const href = `/${slug?.current}`;
      return (
        <NextLink href={href} passHref>
-          <Link>{children}</Link>
+          <Link
+            onClick={(e) =>
+              logNav(
+                "link",
+                window.location.pathname,
+                e.currentTarget.getAttribute("href")
+              )
+            }
+          >
+            {children}
+          </Link>
        </NextLink>
      );
    },
@@ -3,7 +3,6 @@ import { SanityBlockContent } from "@/sanity-block";
 import { ExternalLink } from "@navikt/ds-icons";
 import { BodyShort, Heading } from "@navikt/ds-react";
 import IntroSeksjon from "components/sanity-modules/IntroSeksjon";
-import { BetaWarning } from "components/website-modules/BetaWarning";
 import Head from "next/head";
 import { dateStr, Feedback, TableOfContents } from "../..";

@@ -126,7 +125,6 @@ const KomponentArtikkelTemplate = ({
        <TableOfContents changedState={data["content"]} hideToc={false} />
        <div className="content-box">
          <div className="mt-12">
-            {data?.status && data.status?.tag === "beta" && <BetaWarning />}
            <IntroSeksjon node={data.intro} />
            <SanityBlockContent blocks={data["content"]} />
          </div>
@@ -62,6 +62,9 @@ const NavItem = ({
                    ? "neutral"
                    : "info"
                }
+                className={cl({
+                  "border-violet-300 bg-violet-50": link.tag === "beta",
+                })}
              >
                {link.tag === "new"
                  ? "ny"
@@ -32,7 +32,8 @@ const Filter = ({
      >
        <Search
          variant="simple"
-          label="Søk i alle NAV-ikoner"
+          hideLabel={false}
+          label="Søk"
          value={value}
          onChange={(e) => {
            setValue(e);
@@ -1,7 +1,7 @@
 import * as Icons from "@navikt/ds-icons";
 import meta from "@navikt/ds-icons/meta.json";
 import { BodyShort, Button, Detail, Heading } from "@navikt/ds-react";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { renderToString } from "react-dom/server";

 import {
@@ -11,6 +11,7 @@ import {
  Snippet,
 } from "@/components";
 import { SanityT } from "@/lib";
+import { SuggestionBlock } from "components/website-modules/SuggestionBlock";
 import { downloadSvg } from "./downloads";

 const ModalContent = ({ icon }: { icon: string }) => {
@@ -118,6 +119,11 @@ import ${icon} from "@navikt/ds-icons/svg/${icon}.svg";`,
          <Icon />
        </div>
      </div>
+      {isNew(doc?.created_at) ? (
+        <SuggestionBlock variant="ikon-ny" reference={`<${icon} />`} />
+      ) : (
+        <SuggestionBlock variant="ikon" reference={`<${icon} />`} />
+      )}
    </div>
  );
 };
@@ -1,6 +1,14 @@
-import { AmplitudeEvents, isNew, logAmplitudeEvent } from "@/components";
+import {
+  AmplitudeEvents,
+  FigmaIcon,
+  GithubIcon,
+  isNew,
+  logAmplitudeEvent,
+  YarnIcon,
+} from "@/components";
 import meta from "@navikt/ds-icons/meta.json";
-import { BodyLong, Heading, Link, Modal } from "@navikt/ds-react";
+import { BodyLong, BodyShort, Heading, Link, Modal } from "@navikt/ds-react";
+import { SuggestionBlock } from "components/website-modules/SuggestionBlock";
 import dynamic from "next/dynamic";
 import { useRouter } from "next/router";
 import React, { useCallback, useEffect, useState } from "react";
@@ -148,6 +156,8 @@ const IconSearch = () => {

  return (
    <div className="relative flex w-full max-w-full flex-col md:w-[1000px] md:max-w-[62vw]">
+      <Links />
+      <SuggestionBlock variant="ikoner" />
      <div className="flex w-full flex-wrap justify-between gap-x-8 gap-y-4">
        <Filter onFilterChange={handleFilterChange} />
      </div>
@@ -177,4 +187,62 @@ const IconSearch = () => {
    </div>
  );
 };
+
 export default IconSearch;
+
+function Links() {
+  return (
+    <BodyShort
+      as="span"
+      size="small"
+      className="text-text-subtle mb-6 flex flex-wrap gap-4"
+    >
+      <>
+        <a
+          target="_blank"
+          rel="noreferrer noopener"
+          href="https://github.com/navikt/Designsystemet/tree/master/%40navikt/icons"
+          className="hover:text-text-default focus:text-text-on-inverted focus:shadow-focus flex items-center gap-1 underline hover:no-underline focus:bg-blue-800 focus:no-underline focus:outline-none"
+          onClick={() =>
+            logAmplitudeEvent("link", {
+              kilde: "intro-lenker ikonside",
+              til: "github",
+            })
+          }
+        >
+          <GithubIcon /> Github
+        </a>
+        <a
+          target="_blank"
+          rel="noreferrer noopener"
+          href="https://yarnpkg.com/package/@navikt/ds-icons"
+          className="hover:text-text-default focus:text-text-on-inverted focus:shadow-focus flex items-center gap-1 underline hover:no-underline focus:bg-blue-800 focus:no-underline focus:outline-none"
+          onClick={() =>
+            logAmplitudeEvent("link", {
+              kilde: "intro-lenker ikonside",
+              til: "yarn",
+            })
+          }
+        >
+          <YarnIcon />
+          Yarn
+        </a>
+      </>
+
+      <a
+        target="_blank"
+        rel="noreferrer noopener"
+        href="https://www.figma.com/@nav_aksel"
+        className="hover:text-text-default focus:text-text-on-inverted focus:shadow-focus flex items-center gap-1 underline hover:no-underline focus:bg-blue-800 focus:no-underline focus:outline-none"
+        onClick={() =>
+          logAmplitudeEvent("link", {
+            kilde: "intro-lenker ikonside",
+            til: "figma",
+          })
+        }
+      >
+        <FigmaIcon /> Figma
+      </a>
+    </BodyShort>
+  );
+}
@@ -1,21 +0,0 @@
-import { BodyLong, Heading } from "@navikt/ds-react";
-
-export const BetaWarning = () => {
-  return (
-    <div className="bg-surface-alt-1-subtle mb-7 rounded p-4">
-      <Heading level="2" size="small" spacing>
-        Beta
-      </Heading>
-      <BodyLong className="override-text-no-max mb-2">
-        Komponenten er under utvikling. Dette kan medføre breaking-changes i
-        patch/minor versjon av kodepakker. Teamet ditt må selv ta stilling til
-        om dere ønsker å bruke denne i produksjon.
-      </BodyLong>
-      <BodyLong className="override-text-no-max">
-        Har du innspill eller funnet en bug? Send oss en melding her eller på
-        slack! Beta-versjon er ment for rask iterering, så alle innspill
-        hjelper.
-      </BodyLong>
-    </div>
-  );
-};
@@ -10,7 +10,11 @@ export const StatusTag = ({
  switch (status) {
    case "beta":
      return (
-        <Tag variant="alt1" size="small">
+        <Tag
+          variant="alt1"
+          size="small"
+          className="border-violet-300 bg-violet-50"
+        >
          Beta
        </Tag>
      );
@@ -0,0 +1,185 @@
+import { LightBulb } from "@navikt/ds-icons";
+import { BodyLong, BodyShort, Heading } from "@navikt/ds-react";
+import cl from "classnames";
+
+const SuggestionBlockComponent = ({
+  variant,
+  reference = "",
+}: {
+  variant: "komponent-beta" | "komponent-ny";
+  reference?: string;
+}) => {
+  return (
+    <div
+      className={cl("mb-12 flex gap-3 rounded-lg px-6 py-4 ring-1 ring-inset", {
+        "bg-surface-info-subtle ring-border-subtle": variant === "komponent-ny",
+        "bg-violet-50 ring-violet-300": variant === "komponent-beta",
+      })}
+    >
+      <span className="shrink-0 text-2xl">{options[variant]?.icon}</span>
+      <div className="grid">
+        <Heading size="small" level="2">
+          {options[variant]?.heading}
+        </Heading>
+        <BodyLong className="mt-2">{options[variant]?.text}</BodyLong>
+        <a
+          href={options[variant].link + reference}
+          className="border-border-strong active:bg-surface-active hover:bg-surface-hover focus-visible:shadow-focus mt-4 w-fit rounded border-[2px] px-3 py-[6px] font-semibold focus:outline-none"
+        >
+          Send innspill
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export const SuggestionBlock = ({
+  variant,
+  reference = "",
+}: {
+  variant:
+    | "ikoner"
+    | "komponenter"
+    | "komponent"
+    | "komponent-ny"
+    | "komponent-beta"
+    | "ikon-ny"
+    | "ikon";
+  reference?: string;
+}) => {
+  if (variant === "komponent-ny" || variant === "komponent-beta") {
+    return <SuggestionBlockComponent variant={variant} reference={reference} />;
+  }
+
+  return (
+    <div
+      className={cl(
+        "ring-border-subtle flex justify-between rounded-lg px-6 py-4 ring-1",
+        {
+          "mb-0 mt-5": variant === "ikon" || variant === "ikon-ny",
+          "mb-12": variant !== "ikon" && variant !== "ikon-ny",
+          "bg-surface-info-subtle": variant === "ikon-ny",
+        }
+      )}
+    >
+      <BodyShort className="flex items-center gap-2">
+        <LightBulb aria-hidden className="shrink-0 text-2xl" />
+        {options[variant]?.text}
+      </BodyShort>
+      <a
+        href={options[variant]?.link + reference}
+        className="border-border-strong active:bg-surface-active hover:bg-surface-hover focus-visible:shadow-focus rounded border-[2px] px-3 py-[6px] font-semibold focus:outline-none"
+      >
+        Send forslag
+      </a>
+    </div>
+  );
+};
+
+const issueUrl =
+  "https://github.com/navikt/Designsystemet/issues/new?assignees=olejorgenbakken";
+
+const options: {
+  [key: string]: {
+    text: string;
+    link: string;
+    heading?: string;
+    icon?: React.ReactNode;
+  };
+} = {
+  ikoner: {
+    text: "Har du forslag til nye ikoner, eller endringer?",
+    link:
+      issueUrl +
+      "&labels=nytt+✨%2Cikoner+🖼%2Cforespørsel+🥰&template&template=new-icon.yaml&title=%5BNytt+ikon%5D%3A+",
+  },
+  komponenter: {
+    text: "Har du forslag til nye komponenter, eller endringer?",
+    link:
+      issueUrl +
+      "&labels=nytt+✨%2Cforespørsel+🥰%2Ckomponenter+🧩&template=new-component.yml&title=%5BNy+komponent%5D%3A+",
+  },
+  komponent: {
+    text: "Har du innspill til komponenten?",
+    link: `${issueUrl}&labels=forespørsel+🥰%2Ckomponenter+🧩&template=update-component.yml&title=%5BInnspill+til+komponent%5D%3A+`,
+  },
+  ikon: {
+    text: "Har du innspill til ikonet?",
+    link:
+      issueUrl +
+      "&labels=forespørsel+🥰&template=update-icon.yml&title=%5BInnspill+til+ikon%5D%3A+",
+  },
+  "ikon-ny": {
+    text: "Har du innspill til ikonet?",
+    link:
+      issueUrl +
+      "&labels=forespørsel+🥰%2Cnytt+✨&template=update-icon.yml&title=%5BInnspill+til+ikon%5D%3A+",
+  },
+  "komponent-ny": {
+    text: "Denne komponenten er ny eller oppdatert. Tar du den i bruk ønsker vi gjerne innspill til hvordan den fungerer i tjenesten din!",
+    link: `${issueUrl}&labels=forespørsel+🥰%2Ckomponenter+🧩%2Cnytt+✨&template=update-component.yml&title=%5BInnspill+til+komponent%5D%3A+`,
+    heading: "Ny",
+    icon: (
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        aria-hidden
+      >
+        <path
+          d="M6.93936 14.0081C7.08779 13.7367 7.47756 13.7367 7.62599 14.0081L8.61115 15.8094C8.64706 15.875 8.70104 15.929 8.7667 15.9649L10.568 16.9501C10.8394 17.0985 10.8394 17.4883 10.568 17.6367L8.7667 18.6219C8.70104 18.6578 8.64706 18.7118 8.61115 18.7774L7.62599 20.5787C7.47756 20.8501 7.08779 20.8501 6.93936 20.5787L5.9542 18.7774C5.91829 18.7118 5.86431 18.6578 5.79865 18.6219L3.99735 17.6367C3.72596 17.4883 3.72596 17.0985 3.99735 16.9501L5.79865 15.9649C5.86431 15.929 5.91829 15.875 5.9542 15.8094L6.93936 14.0081Z"
+          stroke="#262626"
+          strokeWidth="1.5"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M13.2871 3.42118C13.4355 3.14979 13.8253 3.14979 13.9737 3.42118L16.0502 7.21803C16.0862 7.28369 16.1401 7.33767 16.2058 7.37358L20.0026 9.45014C20.274 9.59857 20.274 9.98834 20.0026 10.1368L16.2058 12.2133C16.1401 12.2492 16.0862 12.3032 16.0502 12.3689L13.9737 16.1657C13.8253 16.4371 13.4355 16.4371 13.2871 16.1657L11.2105 12.3689C11.1746 12.3032 11.1206 12.2492 11.0549 12.2133L7.25809 10.1368C6.98671 9.98834 6.98671 9.59857 7.25809 9.45014L11.0549 7.37358C11.1206 7.33767 11.1746 7.28369 11.2105 7.21803L13.2871 3.42118Z"
+          stroke="#262626"
+          strokeWidth="1.5"
+          strokeLinejoin="round"
+        />
+      </svg>
+    ),
+  },
+  "komponent-beta": {
+    text: "Komponenten er under utvikling. Dette kan medføre bugs slik at teamet ditt må ta stilling til om dere ønsker å bruke denne i produksjon. Hvis komponenten er prefikset med UNSAFE kan det også medføre breaking-changes i patch/minor versjon av kodepakker og i Figma. Tar du den i bruk ønsker vi gjerne innspill til hvordan den fungerer i tjenesten din!",
+    link: `${issueUrl}&labels=forespørsel+🥰%2Ckomponenter+🧩%2Cbeta+🧪&template=update-component.yml&title=%5BInnspill+til+komponent%5D%3A+`,
+    heading: "Beta",
+    icon: (
+      <svg
+        width="25"
+        height="24"
+        viewBox="0 0 25 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        aria-hidden
+      >
+        <path
+          d="M14.5471 3.99994H10.4528V9.48408L4.83594 17.1731C3.94768 18.3891 4.92474 19.9999 6.55053 19.9999H18.4495C20.0753 19.9999 21.0523 18.3891 20.1641 17.1731L14.5471 9.48408V3.99994Z"
+          stroke="#262626"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M9.5 4H15.5"
+          stroke="#262626"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M8.75 12L16.25 12"
+          stroke="#262626"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    ),
+  },
+};
@@ -1,5 +1,7 @@
 import { Link } from "@navikt/ds-react";
 import NextLink from "next/link";
+import { logNav } from "../";
+
 const tools = [
  {
    title: "Identitet",
@@ -76,7 +78,16 @@ export const ToolCard = () => {
          </div>
          <div>
            <NextLink href={t.href} passHref>
-              <Link className="text-text-default mb-1 font-semibold">
+              <Link
+                className="text-text-default mb-1 font-semibold"
+                onClick={(e) =>
+                  logNav(
+                    "verktøy",
+                    window.location.pathname,
+                    e.currentTarget.getAttribute("href")
+                  )
+                }
+              >
                {t.title}
              </Link>
            </NextLink>
@@ -30,8 +30,8 @@
    "@sanity/image-url": "1.0.2",
    "@sanity/preview-kit": "^1.3.2",
    "@sanity/table": "1.0.1",
-    "@sanity/ui": "^1.0.0",
-    "@sanity/vision": "3.2.5",
+    "@sanity/ui": "^1.2.0",
+    "@sanity/vision": "3.2.6",
    "@svgr/webpack": "^5.5.0",
    "amplitude-js": "^8.8.0",
    "boring-avatars": "1.7.0",
@@ -45,14 +45,14 @@
    "jwt-decode": "3.1.2",
    "lodash": "^4.17.21",
    "next": "^12.2.0",
-    "next-sanity": "^4.1.1",
+    "next-sanity": "^4.1.2",
    "prettier": "2.7.1",
    "prism-react-renderer": "^1.3.0",
    "prismjs": "^1.27.0",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-modal": "3.15.1",
-    "sanity": "3.2.5",
+    "sanity": "3.2.6",
    "sanity-plugin-asset-source-unsplash": "^1.0.6",
    "sanity-plugin-iframe-pane": "^2.1.1",
    "sanity-plugin-media": "^2.0.4",
@@ -5,7 +5,6 @@ import { getClient } from "@/sanity-client";
 import { Detail } from "@navikt/ds-react";
 import { WithSidebar } from "components/layout/page-templates/WithSidebar";
 import IntroSeksjon from "components/sanity-modules/IntroSeksjon";
-import { BetaWarning } from "components/website-modules/BetaWarning";
 import { StatusTag } from "components/website-modules/StatusTag";
 import { PreviewSuspense } from "next-sanity/preview";
 import Head from "next/head";
@@ -74,7 +73,6 @@ const Page = ({
        pageProps={page}
        variant="page"
      >
-        {page?.status?.tag === "beta" && <BetaWarning />}
        <IntroSeksjon node={page?.intro} />
        <SanityBlockContent blocks={page["content"]} />
      </WithSidebar>
@@ -3,6 +3,7 @@ import { Footer } from "@/layout";
 import { akselForsideQuery, SanityT, urlFor } from "@/lib";
 import { getClient } from "@/sanity-client";
 import { BodyLong, Heading } from "@navikt/ds-react";
+import { logNav } from "../components";
 import {
  ComponentIcon,
  DownloadIcon,
@@ -57,7 +58,16 @@ const IntroCards = () => {
      {introcards.map(({ icon: Icon, title, desc, href }) => (
        <li key={title} className="grid">
          <Link href={href} passHref>
-            <a className="focus-visible:shadow-focus bg-surface-default hover:shadow-small hover:ring-border-subtle group z-10 rounded-lg p-4 hover:ring-1 focus:outline-none">
+            <a
+              className="focus-visible:shadow-focus bg-surface-default hover:shadow-small hover:ring-border-subtle group z-10 rounded-lg p-4 hover:ring-1 focus:outline-none"
+              onClick={(e) =>
+                logNav(
+                  "intro-kort",
+                  window.location.pathname,
+                  e.currentTarget.getAttribute("href")
+                )
+              }
+            >
              <span className="xs:flex items-center gap-2">
                <Icon aria-hidden className="shrink-0 text-2xl" role="img" />
                <span className="text-xl font-semibold group-hover:underline">
@@ -13,8 +13,8 @@ import { BodyShort, Detail, Heading } from "@navikt/ds-react";
 import { WithSidebar } from "components/layout/page-templates/WithSidebar";
 import ComponentOverview from "components/sanity-modules/component-overview";
 import IntroSeksjon from "components/sanity-modules/IntroSeksjon";
-import { BetaWarning } from "components/website-modules/BetaWarning";
 import { StatusTag } from "components/website-modules/StatusTag";
+import { SuggestionBlock } from "components/website-modules/SuggestionBlock";
 import { PreviewSuspense } from "next-sanity/preview";
 import Head from "next/head";
 import { lazy } from "react";
@@ -90,6 +90,13 @@ const Page = ({
    ? page.publishedAt
    : page._updatedAt;

+  const tag =
+    page?.status?.tag === "beta"
+      ? "komponent-beta"
+      : page?.status?.tag === "new"
+      ? "komponent-ny"
+      : null;
+
  return (
    <>
      <Head>
@@ -227,8 +234,16 @@ const Page = ({
            </>
          )}
        </BodyShort>
-        {page?.status?.tag === "beta" && <BetaWarning />}
+        {tag && (
+          <SuggestionBlock variant={tag} reference={`<${page?.heading} />`} />
+        )}
        <IntroSeksjon node={page?.intro} />
+        {page?.status?.tag === "ready" && (
+          <SuggestionBlock
+            variant="komponent"
+            reference={`<${page?.heading} />`}
+          />
+        )}
        <SanityBlockContent blocks={page["content"]} />
      </WithSidebar>
    </>
@@ -1,14 +1,15 @@
-import { komponentLandingQuery, SidebarT, SanityT, urlFor } from "@/lib";
+import { komponentLandingQuery, SanityT, SidebarT, urlFor } from "@/lib";
 import { SanityBlockContent } from "@/sanity-block";
 import { getClient } from "@/sanity-client";
 import { Heading, Ingress } from "@navikt/ds-react";
+import cl from "clsx";
 import { WithSidebar } from "components/layout/page-templates/WithSidebar";
 import ComponentOverview from "components/sanity-modules/component-overview";
+import { SuggestionBlock } from "components/website-modules/SuggestionBlock";
 import { PreviewSuspense } from "next-sanity/preview";
 import Head from "next/head";
 import { lazy } from "react";
 import { komponentKategorier } from "../../sanity/config";
-import cl from "clsx";

 const Page = ({
  page,
@@ -57,6 +58,7 @@ const Page = ({
        intro={<Ingress className="text-text-on-action">{page?.intro}</Ingress>}
        pageProps={page}
      >
+        <SuggestionBlock variant="komponenter" />
        {komponentKategorier
          .filter(
            (kat) => links?.filter((x) => x.kategori === kat.value).length > 0
@@ -15,7 +15,7 @@ import {

 import { getTemplates } from "./util";

-import { DatabaseIcon, RemoveCircleIcon } from "@sanity/icons";
+import { DatabaseIcon } from "@sanity/icons";
 import { allArticleDocuments } from "./config";
 import { schema } from "./schema";

@@ -29,17 +29,18 @@ export const workspaceConfig = defineConfig([
    dataset: "production",
    basePath: "/admin/prod",
    icon: DatabaseIcon,
-    auth: authStore(),
+    auth: authStore("production"),
  },
-  {
+  /* https://github.com/sanity-io/sanity/issues/3992 */
+  /* {
    ...defaultConfig(),
    title: "Aksel Dev-miljø",
    name: "dev",
    dataset: "development",
    basePath: "/admin/dev",
    icon: RemoveCircleIcon,
-    auth: authStore(),
-  },
+    auth: authStore("development"),
+  }, */
 ]);

 function defaultConfig() {
@@ -97,12 +98,12 @@ function defaultConfig() {
  };
 }

-function authStore() {
+function authStore(dataset: string) {
  return createAuthStore({
    redirectOnSingle: false,
    mode: "replace",
    projectId,
-    dataset: "production",
+    dataset,
    providers: [
      {
        name: "saml",
@@ -18,6 +18,21 @@ module.exports = {
      "2xl": "1440px",
    },
    extend: {
+      /* https://www.figma.com/file/KNxjfHdXUvlx1LVWpp3iJj/Aksel-UI-kit?node-id=1705%3A49825 */
+      colors: {
+        violet: {
+          50: "#F5EDFF",
+          100: "#E9DEF8",
+          200: "#D6C3EE",
+          300: "#BD9FE4",
+          400: "#A575E1",
+          500: "#9862DB",
+          600: "#7B42C2",
+          700: "#642BAB",
+          800: "#471487",
+          900: "#2C0162",
+        },
+      },
      fontFamily: {
        sans: ["Source Sans Pro", "Arial", "sans-serif"],
      },
@@ -10,8 +10,8 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@navikt/ds-css": "2.1.4",
-    "@navikt/ds-react": "2.1.4",
+    "@navikt/ds-css": "2.1.6",
+    "@navikt/ds-react": "2.1.6",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
@@ -3457,7 +3457,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@navikt/ds-codemod@^2.1.3, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^2.1.5, @navikt/ds-codemod@workspace:@navikt/codemod":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-codemod@workspace:@navikt/codemod"
  dependencies:
@@ -3484,7 +3484,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css-internal@^2.1.3, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^2.1.5, @navikt/ds-css-internal@workspace:@navikt/internal/css":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-css-internal@workspace:@navikt/internal/css"
  dependencies:
@@ -3495,11 +3495,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css@2.1.3, @navikt/ds-css@^2.1.3, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@2.1.5, @navikt/ds-css@^2.1.5, @navikt/ds-css@workspace:@navikt/core/css":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-css@workspace:@navikt/core/css"
  dependencies:
-    "@navikt/ds-tokens": ^2.1.3
+    "@navikt/ds-tokens": ^2.1.5
    normalize.css: ^8.0.1
    postcss: ^8.4.0
    postcss-cli: ^9.0.0
@@ -3508,7 +3508,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-icons@^2.1.3, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^2.1.5, @navikt/ds-icons@workspace:@navikt/icons":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-icons@workspace:@navikt/icons"
  dependencies:
@@ -3544,8 +3544,8 @@ __metadata:
    "@babel/preset-env": 7.19.4
    "@babel/preset-react": 7.18.6
    "@babel/preset-typescript": 7.18.6
-    "@navikt/ds-icons": ^2.1.3
-    "@navikt/ds-react": ^2.1.3
+    "@navikt/ds-icons": ^2.1.5
+    "@navikt/ds-react": ^2.1.5
    "@rollup/plugin-babel": 6.0.2
    "@rollup/plugin-commonjs": 23.0.2
    "@rollup/plugin-node-resolve": ^15.0.1
@@ -3570,12 +3570,12 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react-internal@^2.1.3, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^2.1.5, @navikt/ds-react-internal@workspace:@navikt/internal/react":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-react-internal@workspace:@navikt/internal/react"
  dependencies:
-    "@navikt/ds-icons": ^2.1.3
-    "@navikt/ds-react": ^2.1.3
+    "@navikt/ds-icons": ^2.1.5
+    "@navikt/ds-react": ^2.1.5
    clsx: ^1.1.1
    concurrently: 7.2.1
    copy-to-clipboard: ^3.3.1
@@ -3591,12 +3591,12 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react@2.1.3, @navikt/ds-react@^2.1.3, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@2.1.5, @navikt/ds-react@^2.1.5, @navikt/ds-react@workspace:@navikt/core/react":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-react@workspace:@navikt/core/react"
  dependencies:
    "@floating-ui/react": 0.17.0
-    "@navikt/ds-icons": ^2.1.3
+    "@navikt/ds-icons": ^2.1.5
    "@radix-ui/react-tabs": 1.0.0
    "@radix-ui/react-toggle-group": 1.0.0
    "@testing-library/dom": 8.13.0
@@ -3632,11 +3632,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tailwind@^2.1.3, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^2.1.5, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind"
  dependencies:
-    "@navikt/ds-tokens": ^2.1.3
+    "@navikt/ds-tokens": ^2.1.5
    "@types/jest": ^29.0.0
    color: 4.2.3
    jest: ^29.0.0
@@ -3647,7 +3647,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tokens@^2.1.3, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^2.1.5, @navikt/ds-tokens@workspace:@navikt/core/tokens":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
  dependencies:
@@ -4348,19 +4348,19 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/block-tools@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/block-tools@npm:3.2.5"
+"@sanity/block-tools@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/block-tools@npm:3.2.6"
  dependencies:
    get-random-values-esm: ^1.0.0
    lodash: ^4.17.21
-  checksum: f3aa25dbf0214c04c4cef49b07348e4767445b7a3c923bb5c168bb6c4f7e24ef1f3f569f7a6ab6dd9b1a47593f04a4fef2caa8d4428ce51a4b5485b5fc7b951b
+  checksum: 60ce20a387ecc3c86339044a5b02d87cf02f49f215252403b08d01528f2bd66e4929f0e78ec66508b6527ba47688d019a2431e9109560cd5c7558e3941c65ccb
  languageName: node
  linkType: hard

-"@sanity/cli@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/cli@npm:3.2.5"
+"@sanity/cli@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/cli@npm:3.2.6"
  dependencies:
    "@babel/traverse": ^7.19.0
    chalk: ^4.1.2
@@ -4370,7 +4370,7 @@ __metadata:
    pkg-dir: ^5.0.0
  bin:
    sanity: bin/sanity
-  checksum: 62df115b236258935afd54a00c365a7b61c79b9ae3953af0e1059d726439cec23c15eb22e6e63c66e9848ab27dada7df05e8c23377a0b125c778c9b83e62162a
+  checksum: 7d520657ed9d4a0ce5b8601923012511b41d3686b7621956e0bbeed42e37cbaa9b92820babe5746e2a9a48348799aadc768c61ece268c913ac0889a54e6de583
  languageName: node
  linkType: hard

@@ -4444,12 +4444,12 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/diff@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/diff@npm:3.2.5"
+"@sanity/diff@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/diff@npm:3.2.6"
  dependencies:
    diff-match-patch: ^1.0.4
-  checksum: 590d7380b38f2d6e80c8f5c76c7d84b3d7ab76eb333ebab98a9e1ac322e5b12a92aed0f6882a681a1df1122a041624914f87c0b42364f1de4131227871a6332d
+  checksum: 574008c88a614a30a169926c8c5c7c96ef50177a029de95f4b5afbebf3cbc900e0bfd2f740536598ef79ccb47262c7674801c9c01292ee0ea0f939bcfcbea40f
  languageName: node
  linkType: hard

@@ -4473,9 +4473,9 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/export@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/export@npm:3.2.5"
+"@sanity/export@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/export@npm:3.2.6"
  dependencies:
    archiver: ^5.0.0
    debug: ^3.2.7
@@ -4485,7 +4485,7 @@ __metadata:
    p-queue: ^2.3.0
    rimraf: ^3.0.2
    split2: ^3.2.2
-  checksum: 798f13d8cbaf65d63aac57f18706587f70514d6c89f15111e8795542b34dfd3f81a3c3445fe339bebdb4a3cacf805bd7127033e2d8381bd59e690b348d2cdaeb
+  checksum: e2b9e3735e67f08733d2da6669ffb061e3c8e8dc213ab8a9c3955bbfd64164f7f1f54b096fe95869edfa99b28dae5b8bf9bf9c54f67bc192df8013a595d03d77
  languageName: node
  linkType: hard

@@ -4552,13 +4552,13 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/import@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/import@npm:3.2.5"
+"@sanity/import@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/import@npm:3.2.6"
  dependencies:
    "@sanity/asset-utils": ^1.2.5
    "@sanity/generate-help-url": ^3.0.0
-    "@sanity/mutator": 3.2.5
+    "@sanity/mutator": 3.2.6
    "@sanity/uuid": ^3.0.1
    debug: ^3.2.7
    file-url: ^2.0.2
@@ -4574,7 +4574,7 @@ __metadata:
    rimraf: ^3.0.2
    split2: ^3.2.2
    tar-fs: ^2.1.1
-  checksum: 735485ad86637b09331ac381e3f088e928cca9adbcd6a2ed1f4fde3d04ceaa3623e72be7fe13efe6675fa5a6ddd5ed7b7fd52deb9473674a3e2d56f1537a1161
+  checksum: 5bdf08a4983da96d1b2c21a978c8090684090fbe3446e939396690b3561961f1a109f8ab035f8828f5f47c3c5fb4b881eec1c135c136ac6955e1e4fbcd422ed7
  languageName: node
  linkType: hard

@@ -4601,28 +4601,28 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/mutator@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/mutator@npm:3.2.5"
+"@sanity/mutator@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/mutator@npm:3.2.6"
  dependencies:
    "@sanity/uuid": ^3.0.1
    "@types/diff-match-patch": ^1.0.32
    debug: ^3.2.7
    diff-match-patch: ^1.0.4
    lodash: ^4.17.21
-  checksum: 0c913ff5696efe7626dc381da8f19bb9013a0639816ca8f3858d18d4883983ebc8155a848a06db75a84c23b57567d51073b62a868b725caf037cc80a41926f59
+  checksum: eddace1d569727265c6f63a12c94daa1b292fbd7351284458e58ef084e0a5bb996939721ebf18f67c657cf48e85ef52515b5a2220744800956b98430dfaf0ad2
  languageName: node
  linkType: hard

-"@sanity/portable-text-editor@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/portable-text-editor@npm:3.2.5"
+"@sanity/portable-text-editor@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/portable-text-editor@npm:3.2.6"
  dependencies:
-    "@sanity/block-tools": 3.2.5
-    "@sanity/schema": 3.2.5
+    "@sanity/block-tools": 3.2.6
+    "@sanity/schema": 3.2.6
    "@sanity/slate-react": 2.30.1
-    "@sanity/types": 3.2.5
-    "@sanity/util": 3.2.5
+    "@sanity/types": 3.2.6
+    "@sanity/util": 3.2.6
    debug: ^3.2.7
    is-hotkey: ^0.1.6
    lodash: ^4.17.21
@@ -4631,7 +4631,7 @@ __metadata:
    react: ^16.9 || ^17 || ^18
    rxjs: ">=6.5.3 || ^7.0.0"
    styled-components: ^5.2
-  checksum: bea42f752dbaf752d03d88f8c849eb5f41d53c49105fb00ec17410362fbac30d5b3da5cb8c4d4db1425a2d64aeb7d2b2a84f21e8356fb423958b46857cf6cc58
+  checksum: 0ae2743542a0b6ad77e846f8e14ff483aa4f630685cdf8abef85c96dce1ffe399375d00a6c1b3331e0f4da24e6406276195fa9a7bca04473d68d2e97834d8788
  languageName: node
  linkType: hard

@@ -4649,18 +4649,18 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/schema@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/schema@npm:3.2.5"
+"@sanity/schema@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/schema@npm:3.2.6"
  dependencies:
    "@sanity/generate-help-url": ^3.0.0
-    "@sanity/types": 3.2.5
+    "@sanity/types": 3.2.6
    arrify: ^1.0.1
    humanize-list: ^1.0.1
    leven: ^3.1.0
    lodash: ^4.17.21
    object-inspect: ^1.6.0
-  checksum: 2b30dcc3b1b72d218e92f0d7464cac0b393a162bc6f1d8def13ec93982888006deb02ae9f411b78f47135552f4b8a5f85bbeff6425a6a1306140270228dfd4ea
+  checksum: 8bb724d8d3c0fd2927a6ddf1da128afc5c7a9767e4ae1b27636766b19a2832a704cda5aa7a1ec02493235ece309cf7f888591a15f55b2b127a6bbd4bbce9ff2b
  languageName: node
  linkType: hard

@@ -4706,13 +4706,13 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/types@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/types@npm:3.2.5"
+"@sanity/types@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/types@npm:3.2.6"
  dependencies:
    "@sanity/client": ^4.0.1
    "@types/react": ^18.0.25
-  checksum: 5383c26787feb6ede44679d540127d7867edbf3d46ef8b3f962589332235ede187a6cb1acdfd392639badc922bdf59947fadcb3f5aa6ff8aea76eeab1248782a
+  checksum: 671a6d809ab96d4b8b2e9bb93ec6cb7ceb4a300a3705ddd92007517cf8fcae7d76fc68fab5cc582d17292d661cd864785847e74e30062b77c38e36f6a84b8bbb
  languageName: node
  linkType: hard

@@ -4745,14 +4745,33 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/util@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/util@npm:3.2.5"
+"@sanity/ui@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@sanity/ui@npm:1.2.0"
  dependencies:
-    "@sanity/types": 3.2.5
+    "@floating-ui/react-dom": 1.1.1
+    "@sanity/color": ^2.2.2
+    "@sanity/icons": ^2.2.2
+    csstype: ^3.1.1
+    framer-motion: ^8.5.2
+    react-refractor: ^2.1.7
+  peerDependencies:
+    react: ^18
+    react-dom: ^18
+    react-is: ^18
+    styled-components: ^5.2
+  checksum: 66c75a772397d37a5f82e81a9cd4024d22f41c0c08c6da460dc6566186f7f265ba6d1ad81ee78327bbac70383bc53ad9745a25ff7ecda90691fc15a398c4aeed
+  languageName: node
+  linkType: hard
+
+"@sanity/util@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/util@npm:3.2.6"
+  dependencies:
+    "@sanity/types": 3.2.6
    get-random-values-esm: ^1.0.0
    moment: ^2.29.4
-  checksum: 37556bee6790defc98b0533b6a4f90fcc70cec3d61821adfa9f721765929c53c56541f47359e51f6f4e9b90738f96a2c373e59367424d19521ae6db4c02b883f
+  checksum: c2809243b4dae438c91d5c295d53f3a25893927c567ec2ea5be51976968de4a1dc44c0e4ae86e5b421b2857166c16a64db0d7098f9bc2e4fd6690ced36f7d7e5
  languageName: node
  linkType: hard

@@ -4766,23 +4785,23 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/validation@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/validation@npm:3.2.5"
+"@sanity/validation@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/validation@npm:3.2.6"
  dependencies:
-    "@sanity/types": 3.2.5
+    "@sanity/types": 3.2.6
    date-fns: ^2.26.1
    lodash: ^4.17.21
    rxjs: ^7.8.0
  peerDependencies:
    "@sanity/client": ^3.4.1 || ^4.0.0
-  checksum: 1c64f57e37af1e2d2b51e0442a82265b00f568d8cd55bf676f20584d8debe8f12586dec7e74af6709b32c38f4c2a853055938d3f507862573ea6f9b6d361d344
+  checksum: 47971382cafc8e1f569b1847e182094582708b5fa9f4c6a5e7322e47ecb9829a4b88b4b369b8f31e31e9aa0ce47a9fd5f64be0ef94d334adca11ddf2aa8277b8
  languageName: node
  linkType: hard

-"@sanity/vision@npm:3.2.5":
-  version: 3.2.5
-  resolution: "@sanity/vision@npm:3.2.5"
+"@sanity/vision@npm:3.2.6":
+  version: 3.2.6
+  resolution: "@sanity/vision@npm:3.2.6"
  dependencies:
    "@codemirror/autocomplete": ^6.1.0
    "@codemirror/commands": ^6.0.1
@@ -4805,7 +4824,7 @@ __metadata:
  peerDependencies:
    react: ^18
    styled-components: ^5.2
-  checksum: d452d2909e9988fd1d91816bd042914b8739cc7a65b6f2309b5a1f3bf853bb58465a4d6da92f8df2b1df5a53fd68f14f6e58f13ab6a7b64967bacb096d841f4d
+  checksum: df54d4ef28827da43763e2ecd5a9ece570c304c45e461dde02600be87e213a14d9d3a6576f1453cf3aed2aa7dbdd91235fcf9b829ef2cb97cdd85e9361331f46
  languageName: node
  linkType: hard

@@ -8177,14 +8196,14 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "aksel.nav.no@workspace:aksel.nav.no"
  dependencies:
-    "@navikt/ds-codemod": ^2.1.3
-    "@navikt/ds-css": ^2.1.3
-    "@navikt/ds-css-internal": ^2.1.3
-    "@navikt/ds-icons": ^2.1.3
-    "@navikt/ds-react": ^2.1.3
-    "@navikt/ds-react-internal": ^2.1.3
-    "@navikt/ds-tailwind": ^2.1.3
-    "@navikt/ds-tokens": ^2.1.3
+    "@navikt/ds-codemod": ^2.1.5
+    "@navikt/ds-css": ^2.1.5
+    "@navikt/ds-css-internal": ^2.1.5
+    "@navikt/ds-icons": ^2.1.5
+    "@navikt/ds-react": ^2.1.5
+    "@navikt/ds-react-internal": ^2.1.5
+    "@navikt/ds-tailwind": ^2.1.5
+    "@navikt/ds-tokens": ^2.1.5
    prettier-plugin-tailwindcss: ^0.1.13
  languageName: unknown
  linkType: soft
@@ -14369,6 +14388,24 @@ __metadata:
  languageName: node
  linkType: hard

+"framer-motion@npm:^8.5.2":
+  version: 8.5.5
+  resolution: "framer-motion@npm:8.5.5"
+  dependencies:
+    "@emotion/is-prop-valid": ^0.8.2
+    "@motionone/dom": ^10.15.3
+    hey-listen: ^1.0.8
+    tslib: ^2.4.0
+  peerDependencies:
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  dependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+  checksum: 25912b88eaa954d641f0b5f2b811badfb9ca0dbff659cb0dfdae79216ee917b0004d43b9eeb3f74144f4924cf63d8fbd1c93de519eadd8968b6344ed0d5d9d4c
+  languageName: node
+  linkType: hard
+
 "framesync@npm:6.0.1":
  version: 6.0.1
  resolution: "framesync@npm:6.0.1"
@@ -19530,9 +19567,9 @@ __metadata:
  languageName: node
  linkType: hard

-"next-sanity@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "next-sanity@npm:4.1.1"
+"next-sanity@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "next-sanity@npm:4.1.2"
  dependencies:
    "@sanity/client": ^4
    "@sanity/preview-kit": ^1.3
@@ -19546,7 +19583,7 @@ __metadata:
    react: ^18
    sanity: ^3
    styled-components: ^5.2
-  checksum: 4522716481f9819b601cbf5453a63bb092ae1188ead265c97dfe8c15eb5b97f72e7220dfbf9b0ffb6e917b05e47cbe2e38c911ba7754fec3a3327b4b5a430b20
+  checksum: 57d8ac839ba68f6e1e3af9c0ab505a5ba808e151cb44ac311ee20686692f9d99133a733ea50b0f51ac7777d4788b386d7483a2bed87adfebd0bf0ea90a1d7123
  languageName: node
  linkType: hard

@@ -23544,12 +23581,12 @@ __metadata:
  languageName: node
  linkType: hard

-"rxjs-exhaustmap-with-trailing@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "rxjs-exhaustmap-with-trailing@npm:2.1.0"
+"rxjs-exhaustmap-with-trailing@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "rxjs-exhaustmap-with-trailing@npm:2.1.1"
  peerDependencies:
    rxjs: 7.x
-  checksum: 81b6eaa42d13d7b2de2bfb73e0e2a45cb3d6b6731b22cd040b7372462b3cc81142061ae0c7afd106eaf55cf1254982cfe08b3e5e0bce28be00efd7b506d93ca0
+  checksum: 528bad5c7f9ac95470404c1b565ae9454dab68757c4cee04e78b30f962b9df9e5a24c2856cdd1c3f23d5d4323bb6a2b8c9f274224b22d1c2707b790945d84042
  languageName: node
  linkType: hard

@@ -23731,9 +23768,9 @@ __metadata:
  languageName: node
  linkType: hard

-"sanity@npm:3.2.5":
-  version: 3.2.5
-  resolution: "sanity@npm:3.2.5"
+"sanity@npm:3.2.6":
+  version: 3.2.6
+  resolution: "sanity@npm:3.2.6"
  dependencies:
    "@dnd-kit/core": ^6.0.5
    "@dnd-kit/modifiers": ^6.0.0
@@ -23745,26 +23782,26 @@ __metadata:
    "@rexxars/react-json-inspector": ^8.0.1
    "@sanity/asset-utils": ^1.2.5
    "@sanity/bifur-client": ^0.3.1
-    "@sanity/block-tools": 3.2.5
-    "@sanity/cli": 3.2.5
+    "@sanity/block-tools": 3.2.6
+    "@sanity/cli": 3.2.6
    "@sanity/client": ^4.0.1
    "@sanity/color": ^2.1.20
-    "@sanity/diff": 3.2.5
+    "@sanity/diff": 3.2.6
    "@sanity/eventsource": ^3.0.1
-    "@sanity/export": 3.2.5
+    "@sanity/export": 3.2.6
    "@sanity/generate-help-url": ^3.0.0
    "@sanity/icons": ^2.1.0
    "@sanity/image-url": ^1.0.2
-    "@sanity/import": 3.2.5
+    "@sanity/import": 3.2.6
    "@sanity/logos": ^2.0.2
-    "@sanity/mutator": 3.2.5
-    "@sanity/portable-text-editor": 3.2.5
-    "@sanity/schema": 3.2.5
-    "@sanity/types": 3.2.5
+    "@sanity/mutator": 3.2.6
+    "@sanity/portable-text-editor": 3.2.6
+    "@sanity/schema": 3.2.6
+    "@sanity/types": 3.2.6
    "@sanity/ui": ^1.0.0
-    "@sanity/util": 3.2.5
+    "@sanity/util": 3.2.6
    "@sanity/uuid": ^3.0.1
-    "@sanity/validation": 3.2.5
+    "@sanity/validation": 3.2.6
    "@tanstack/react-virtual": 3.0.0-beta.29
    "@types/is-hotkey": ^0.1.7
    "@types/react-copy-to-clipboard": ^5.0.2
@@ -23826,7 +23863,7 @@ __metadata:
    rimraf: ^3.0.2
    rxjs: ^7.8.0
    rxjs-etc: ^10.6.0
-    rxjs-exhaustmap-with-trailing: ^2.1.0
+    rxjs-exhaustmap-with-trailing: ^2.1.1
    sanity-diff-patch: ^1.0.9
    scroll-into-view-if-needed: ^3.0.3
    semver: ^7.3.5
@@ -23844,7 +23881,7 @@ __metadata:
    styled-components: ^5.2
  bin:
    sanity: bin/sanity
-  checksum: 35ec376430959815fbef424d82f722b1a8432534fa183af7462e0b616debac3b6823e5e46488838d8ca3c994cd982ea7a815b414be97eab8004bded50cc73bcc
+  checksum: 7b04d4fd5ea0c50486ae6e4054014a6257f19b888178cb70a545fc1822fbef8c846abf0d17c7607267945cbc32adc3c6f0505d9205c7da99493ab91ebb266b12
  languageName: node
  linkType: hard

@@ -24115,8 +24152,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "shadow-dom@workspace:examples/shadow-dom"
  dependencies:
-    "@navikt/ds-css": 2.1.3
-    "@navikt/ds-react": 2.1.3
+    "@navikt/ds-css": 2.1.5
+    "@navikt/ds-react": 2.1.5
    "@types/react": ^18.0.0
    "@types/react-dom": ^18.0.0
    "@vitejs/plugin-react": ^2.1.0
@@ -27519,8 +27556,8 @@ __metadata:
    "@sanity/image-url": 1.0.2
    "@sanity/preview-kit": ^1.3.2
    "@sanity/table": 1.0.1
-    "@sanity/ui": ^1.0.0
-    "@sanity/vision": 3.2.5
+    "@sanity/ui": ^1.2.0
+    "@sanity/vision": 3.2.6
    "@svgr/webpack": ^5.5.0
    "@testing-library/jest-dom": ^5.16.0
    "@testing-library/react": ^13.3.0
@@ -27546,7 +27583,7 @@ __metadata:
    jwt-decode: 3.1.2
    lodash: ^4.17.21
    next: ^12.2.0
-    next-sanity: ^4.1.1
+    next-sanity: ^4.1.2
    next-transpile-modules: ^9.0.0
    postcss: ^8.4.0
    postcss-import: ^14.1.0
@@ -27557,7 +27594,7 @@ __metadata:
    react: ^18.0.0
    react-dom: ^18.0.0
    react-modal: 3.15.1
-    sanity: 3.2.5
+    sanity: 3.2.6
    sanity-plugin-asset-source-unsplash: ^1.0.6
    sanity-plugin-iframe-pane: ^2.1.1
    sanity-plugin-media: ^2.0.4
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	218707905e	Version Packages (#1778 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-02-02 13:28:59 +01:00
Ken	cd1c93f9d4	openOnFocus-prop for useDatepicker/useMonthpicker (#1777 )	2023-02-02 12:42:17 +01:00
Ken	796bb5225f	🔊 Oppdatert logging av lenker	2023-02-01 10:06:44 +01:00
Ken	9ff2830297	⬆️ Oppdatert Sanity	2023-02-01 09:36:29 +01:00
Ken	d40939458a	🐛 Disable dev-workspace in sanity	2023-01-31 16:11:14 +01:00
Ken	bcfd6747d9	📝 Changeset versions	2023-01-31 11:09:43 +01:00
Ken	122bbf0090	🐛 Date-fns import feilet fra ESM	2023-01-31 11:08:45 +01:00
Ken	b60d047b95	Merge branch 'next'	2023-01-31 10:57:00 +01:00
Ken	1399f6f084	Merge branch 'next' of https://github.com/navikt/Designsystemet into next	2023-01-30 13:10:56 +01:00
Kai Erik SchierenandKen	1cf90c1753	Feature/suggestion box (#1773 ) * 🎨 SuggestionBlock * ✨ SuggestionBlock for grunnleggende/komponentsider * 🎨 Flyttet options ut til eget object * 🎨 optional chain suggestion block * 🎨 add issue url to new icon * 🎨 add urls for updates requests * 🎨 add labels to links * 🎨 add cml label to href * 🎨 url to new and beta * 🎨 add fitting labels to hrefs * fix reference 🐛 * 💄 Oppdatert ikoner/heading for beta og Ny --------- Co-authored-by: Ken <ken.aleksander@gmail.com>	2023-01-30 13:02:20 +01:00