🐛 Button submittet form i table

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-codemod
 
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Aksel codemods for NAVs designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",

@navikt/community/navno/package.json

@@ -39,8 +39,8 @@
     "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^2.0.9",
-    "@navikt/ds-react": "^2.0.9",
+    "@navikt/ds-icons": "^2.0.10",
+    "@navikt/ds-react": "^2.0.10",
     "clsx": "^1.1.1"
   },
   "devDependencies": {

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-css
 
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "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.0.9",
+    "@navikt/ds-tokens": "^2.0.10",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.0",
     "postcss-cli": "^9.0.0",

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @navikt/ds-react
 
+## 2.0.10
+
+### Patch Changes
+
+- Button submittet form i table
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.0.10
+
 ## 2.0.9
 
 ### Patch Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.9.2",
-    "@navikt/ds-icons": "^2.0.9",
+    "@navikt/ds-icons": "^2.0.10",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",

@navikt/core/react/src/table/ColumnHeader.tsx

@@ -44,6 +44,7 @@ export const ColumnHeader: ColumnHeaderType = forwardRef(
       >
         {sortable ? (
           <button
+            type="button"
             className="navds-table__sort-button"
             onClick={
               sortable && sortKey

@navikt/core/react/src/table/ExpandableRow.tsx

@@ -85,6 +85,7 @@ export const ExpandableRow: ExpandableRowType = forwardRef(
           >
             {!expansionDisabled && (
               <button
+                type="button"
                 className="navds-table__toggle-expand-button"
                 aria-controls={id}
                 aria-expanded={isOpen}

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind
 
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "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.0.9",
+    "@navikt/ds-tokens": "^2.0.10",
     "@types/jest": "^29.0.0",
     "color": "4.2.3",
     "jest": "^29.0.0",

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tokens
 
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

@navikt/core/tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-icons
 
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

@navikt/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Aksel icons for NAV",
   "author": "Aksel | NAV designsystem team",
   "repository": {

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-css-internal
 
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "CSS for NAV internal Designsystem-components",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/internal/react/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @navikt/ds-react-internal
 
+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.0.10
+  - @navikt/ds-icons@2.0.10
+
 ## 2.0.9
 
 ### Patch Changes

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "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.0.9",
-    "@navikt/ds-react": "^2.0.9",
+    "@navikt/ds-icons": "^2.0.10",
+    "@navikt/ds-react": "^2.0.10",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1"
   },

aksel.nav.no/package.json

@@ -15,14 +15,14 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/ds-codemod": "^2.0.9",
-    "@navikt/ds-css": "^2.0.9",
-    "@navikt/ds-css-internal": "^2.0.9",
-    "@navikt/ds-icons": "^2.0.9",
-    "@navikt/ds-react": "^2.0.9",
-    "@navikt/ds-react-internal": "^2.0.9",
-    "@navikt/ds-tailwind": "^2.0.9",
-    "@navikt/ds-tokens": "^2.0.9"
+    "@navikt/ds-codemod": "^2.0.10",
+    "@navikt/ds-css": "^2.0.10",
+    "@navikt/ds-css-internal": "^2.0.10",
+    "@navikt/ds-icons": "^2.0.10",
+    "@navikt/ds-react": "^2.0.10",
+    "@navikt/ds-react-internal": "^2.0.10",
+    "@navikt/ds-tailwind": "^2.0.10",
+    "@navikt/ds-tokens": "^2.0.10"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.1.13"

aksel.nav.no/website/components/sanity-modules/cards/RelatertInnhold.tsx

@@ -31,34 +31,33 @@ const RelatertInnhold = ({
       )}
     >
       {node.lenker.map((x) => (
-        <div
-          key={x._key}
-          className="relatert-kort algolia-ignore-index shadow-small focus-within:border-focus hover:shadow-medium group relative cursor-pointer rounded border-2 border-transparent bg-white px-4 py-3 ring-1 ring-gray-900/10 only-of-type:col-span-2 focus-within:outline-none"
-        >
-          <NextLink href={getHref(x)} passHref>
+        <NextLink href={getHref(x)} passHref key={x._key}>
+          <a
+            onClick={(e) =>
+              logNav(
+                "relatert-innhold",
+                window.location.pathname,
+                e.currentTarget.getAttribute("href")
+              )
+            }
+            className="algolia-ignore-index 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 only-of-type:col-span-2 focus:outline-none"
+          >
             <Heading
+              as="span"
               size="xsmall"
-              as="a"
-              onClick={(e) =>
-                logNav(
-                  "relatert-innhold",
-                  window.location.pathname,
-                  e.currentTarget.getAttribute("href")
-                )
-              }
-              className="focus:text-text-action group-hover:text-text-action underline after:absolute after:inset-0 focus:outline-none group-hover:no-underline group-focus:no-underline"
+              className="underline group-hover:no-underline"
             >
               {x.title}
             </Heading>
-          </NextLink>
-
-          <BodyShort
-            size="small"
-            className="text-text-subtle mt-1 self-end break-words"
-          >
-            {x.ekstern_domene ? <>{getTag(x)}</> : `aksel.nav.no`}
-          </BodyShort>
-        </div>
+            <BodyShort
+              size="small"
+              className="text-text-subtle mt-1 self-end break-words"
+              as="span"
+            >
+              {x.ekstern_domene ? <>{getTag(x)}</> : `aksel.nav.no`}
+            </BodyShort>
+          </a>
+        </NextLink>
       ))}
     </div>
   );

aksel.nav.no/website/e2e/icon-search.e2e.ts

@@ -1,155 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-test("Icon-search", async ({ page }) => {
-  await page.goto("http://localhost:3000/designsystem/side/ikoner");
-
-  await page.getByRole("button", { name: "Braille Braille" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Braille"
-  );
-
-  await page
-    .getByText(
-      /\/\/\s+Reactimport\s+\{\s+Braille\s+\}\s+from\s+"@navikt\/ds-icons";\s+\/\/\s+SVGimport\s+Braille\s+from\s+"@/
-    )
-    .click();
-
-  await page.getByRole("heading", { name: "Braille" }).click();
-
-  await page.getByRole("button", { name: "Lukk modalvindu" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Disability Disability" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Disability"
-  );
-
-  await page
-    .locator(
-      'div[role="dialog"]:has-text("DisabilityAccessibilityLast nedlast nedSVGImport// Reactimport { Disability } fr")'
-    )
-    .press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Eye Eye" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Eye"
-  );
-
-  await page.getByRole("dialog").press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Sight Sight" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Sight"
-  );
-
-  await page.getByRole("dialog").press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByLabel("Søk i alle NAV-ikoner").click();
-
-  await page.getByLabel("Søk i alle NAV-ikoner").fill("arrow");
-
-  await page.getByRole("button", { name: "Cancel Cancel" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Cancel"
-  );
-
-  await page.getByRole("dialog").press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Forward Forward" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Forward"
-  );
-
-  await page
-    .locator(
-      'div[role="dialog"]:has-text("ForwardArrowsforward, videresendLast nedlast nedSVGImport// Reactimport { Forwar")'
-    )
-    .press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByLabel("Søk i alle NAV-ikoner").click();
-
-  await page.getByLabel("Søk i alle NAV-ikoner").fill("office");
-
-  await page.getByRole("button", { name: "Office1 Office1" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Office1"
-  );
-
-  await page.getByRole("dialog").press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Office2 Office2" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Office2"
-  );
-
-  await page.getByRole("dialog").press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("heading", { name: "Buildings" }).click();
-
-  await page.getByRole("radio", { name: "Filled" }).click();
-
-  await page.getByRole("button", { name: "Office1Filled Office1" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Office1Filled"
-  );
-
-  await page
-    .locator(
-      'div[role="dialog"]:has-text("Office1FilledBuildingsLast nedlast nedSVGImport// Reactimport { Office1Filled } ")'
-    )
-    .press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Office2Filled Office2" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Office2Filled"
-  );
-
-  await page
-    .locator(
-      'div[role="dialog"]:has-text("Office2FilledBuildingsLast nedlast nedSVGImport// Reactimport { Office2Filled } ")'
-    )
-    .press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("radio", { name: "Nye ikoner" }).click();
-
-  await page.getByRole("button", { name: "Ny! Table Table" }).click();
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner?icon=Table"
-  );
-
-  await page.getByRole("dialog").press("Escape");
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/ikoner"
-  );
-
-  await page.getByRole("button", { name: "Tøm" }).click();
-});

aksel.nav.no/website/e2e/sidebar.e2e.ts

@@ -1,43 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-test("Go to /designsystem and navigate sidebar", async ({ page }) => {
-  await page.goto(
-    "http://localhost:3000/designsystem/side/oversikt-komponenter"
-  );
-  await expect(page).toHaveURL(
-    "http://localhost:3000/designsystem/side/oversikt-komponenter"
-  );
-
-  await expect(page.getByRole("button", { name: "Core" })).toHaveAttribute(
-    "aria-expanded",
-    "true"
-  );
-
-  await page.getByRole("button", { name: "Core" }).click();
-  await expect(page.getByRole("button", { name: "Core" })).toHaveAttribute(
-    "aria-expanded",
-    "false"
-  );
-
-  await page.getByRole("button", { name: "Core" }).click();
-  await expect(page.getByRole("button", { name: "Core" })).toHaveAttribute(
-    "aria-expanded",
-    "true"
-  );
-
-  await expect(page.getByRole("button", { name: "Internal" })).toHaveAttribute(
-    "aria-expanded",
-    "true"
-  );
-  await page.getByRole("button", { name: "Internal" }).click();
-  await expect(page.getByRole("button", { name: "Internal" })).toHaveAttribute(
-    "aria-expanded",
-    "false"
-  );
-
-  await page.getByRole("button", { name: "Internal" }).click();
-  await expect(page.getByRole("button", { name: "Internal" })).toHaveAttribute(
-    "aria-expanded",
-    "true"
-  );
-});

aksel.nav.no/website/e2e/test-urls.json

@@ -3,9 +3,6 @@
   "/designsystem",
   "/god-praksis",
   "/produktbloggen",
-  "/designsystem/komponenter/tag",
-  "/designsystem/side/migrering",
-  "/designsystem/side/ikoner",
   "/god-praksis/innholdsarbeid",
   "/god-praksis/brukerinnsikt",
   "/god-praksis/universell-utforming",

aksel.nav.no/website/next.config.js

@@ -17,7 +17,7 @@ const ContentSecurityPolicy = `
   connect-src 'self' wss://hnbe3yhs.api.sanity.io cdn.sanity.io *.api.sanity.io https://amplitude.nav.no https://sentry.gc.nav.no https://*.algolia.net https://*.algolianet.com https://in2.taskanalytics.com/03346;
   frame-ancestors localhost:3333 'self' localhost:3000 https://verktoykasse.sanity.studio/;
   media-src 'self' cdn.sanity.io;
-  frame-src 'self' https://web.microsoftstream.com localhost:3000;
+  frame-src 'self' https://web.microsoftstream.com localhost:3000 https://aksel.dev.nav.no/;
 `;
 
 const securityHeaders = [

examples/shadow-dom/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@navikt/ds-css": "2.0.9",
-    "@navikt/ds-react": "2.0.9",
+    "@navikt/ds-css": "2.0.10",
+    "@navikt/ds-react": "2.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },