chore: conform project names in monorepo

.changeset/config.json

@@ -20,11 +20,11 @@
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": [
-    "www.designsystemet.no",
+    "@web/www",
+    "@web/storybook",
+    "@internal/components",
+    "@plugin/figma",
     "theme",
-    "storefront",
-    "@repo/components",
-    "@designsystemet/storybook",
-    "figma-plugin"
+    "storefront"
   ]
 }

.changeset/curly-maps-hug.md

@@ -0,0 +1,2 @@
+---
+---

.github/workflows/checks.yml

@@ -7,6 +7,7 @@ on:
       - 'apps/**'
       - 'plugins/**'
       - 'biome.jsonc'
+      - 'internal/**'
 jobs:
   checks:
     name: Checks

apps/storefront/app/(frontpage)/layout.tsx

@@ -1,6 +1,6 @@
 import { Heading } from '@digdir/designsystemet-react';
+import { Container } from '@internal/components';
 import { ComponentIcon, PaletteIcon, WrenchIcon } from '@navikt/aksel-icons';
-import { Container } from '@repo/components';
 import cn from 'clsx/lite';
 import type React from 'react';
 

apps/storefront/app/bloggen/(frontpage)/layout.tsx

@@ -1,5 +1,5 @@
+import { Container } from '@internal/components';
 import { PencilIcon } from '@navikt/aksel-icons';
-import { Container } from '@repo/components';
 import type { Metadata } from 'next';
 
 import { Banner, BannerHeading, BannerIcon } from 'components/Banner/Banner';

apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx

@@ -1,5 +1,5 @@
 import { Heading, Link, Paragraph } from '@digdir/designsystemet-react';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 import type * as React from 'react';
 
 import { Image, MdxContent } from '../../../../components';

apps/storefront/app/komponenter/layout.tsx

@@ -1,5 +1,5 @@
+import { Container } from '@internal/components';
 import { ComponentFillIcon } from '@navikt/aksel-icons';
-import { Container } from '@repo/components';
 
 import {
   Banner,

apps/storefront/app/layout.tsx

@@ -3,9 +3,8 @@ import '@digdir/designsystemet-css';
 import '@digdir/designsystemet-theme';
 
 import { SkipLink } from '@digdir/designsystemet-react';
+import { Figma, Footer, Github, Header, Slack } from '@internal/components';
 import { EnvelopeClosedIcon } from '@navikt/aksel-icons';
-import { Figma, Github, Header, Slack } from '@repo/components';
-import { Footer } from '@repo/components';
 import type { Metadata } from 'next';
 import Script from 'next/script';
 import { isProduction } from '../utils/is-production';

apps/storefront/app/not-found.tsx

@@ -1,5 +1,5 @@
 import { Heading, Link, Paragraph } from '@digdir/designsystemet-react';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 import type { Metadata } from 'next';
 import Image from 'next/image';
 import NextLink from 'next/link';

apps/storefront/components/GithubLink/GithubLink.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { Link } from '@digdir/designsystemet-react';
-import { Github } from '@repo/components';
+import { Github } from '@internal/components';
 import { usePathname } from 'next/navigation';
 import type { HTMLAttributes } from 'react';
 

apps/storefront/components/ImageBanner/ImageBanner.tsx

@@ -1,7 +1,7 @@
 'use client';
-import type { ButtonProps } from '@digdir/designsystemet-react';
 import { Button, Heading, Link, Paragraph } from '@digdir/designsystemet-react';
-import { Container } from '@repo/components';
+import type { ButtonProps } from '@digdir/designsystemet-react';
+import { Container } from '@internal/components';
 import cl from 'clsx/lite';
 import NextLink from 'next/link';
 import type React from 'react';

apps/storefront/components/Section/Section.tsx

@@ -1,5 +1,5 @@
 import { Heading } from '@digdir/designsystemet-react';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 import cl from 'clsx/lite';
 import Image from 'next/image';
 import type * as React from 'react';

apps/storefront/components/Tokens/TokenColor/TokenColor.tsx

@@ -1,5 +1,5 @@
 import { getColorMetadataByNumber } from '@digdir/designsystemet/color';
-import { ColorModal } from '@repo/components';
+import { ColorModal } from '@internal/components';
 import cl from 'clsx/lite';
 import { useRef } from 'react';
 import type { TransformedToken } from 'style-dictionary';

apps/storefront/components/Tokens/TokenList/TokenList.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { Dropdown, Heading, Table } from '@digdir/designsystemet-react';
-import { ClipboardButton } from '@repo/components';
+import { ClipboardButton } from '@internal/components';
 import cl from 'clsx/lite';
 import type { HTMLAttributes } from 'react';
 import { useEffect, useState } from 'react';

apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx

@@ -1,8 +1,8 @@
 'use client';
 import { Heading } from '@digdir/designsystemet-react';
+import { Container } from '@internal/components';
 import { ComponentIcon } from '@navikt/aksel-icons';
 import { Slot } from '@radix-ui/react-slot';
-import { Container } from '@repo/components';
 import cn from 'clsx/lite';
 import { usePathname } from 'next/navigation';
 import type * as React from 'react';

apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 import { usePathname } from 'next/navigation';
 import type * as React from 'react';
 

apps/storefront/layouts/NavPageLayout/NavPageLayout.tsx

@@ -1,4 +1,4 @@
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 import type * as React from 'react';
 
 import { MdxContent } from '../../components';

apps/storefront/layouts/PageLayout/PageLayout.tsx

@@ -1,6 +1,6 @@
 import { Heading, Link, Paragraph } from '@digdir/designsystemet-react';
+import { Container } from '@internal/components';
 import { ArrowLeftIcon } from '@navikt/aksel-icons';
-import { Container } from '@repo/components';
 import NextLink from 'next/link';
 import type * as React from 'react';
 

apps/storefront/mdx-components.tsx

@@ -26,7 +26,7 @@ import {
   TableHeaderCell,
   TableRow,
 } from '@digdir/designsystemet-react';
-import { CodeBlock } from '@repo/components';
+import { CodeBlock } from '@internal/components';
 import type { MDXComponents } from 'mdx/types';
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {

apps/storefront/next.config.mjs

@@ -19,7 +19,7 @@ const nextConfig = {
     '@digdir/designsystemet',
     '@digdir/designsystemet-css',
     '@digdir/designsystemet-theme',
-    '@repo/components',
+    '@internal/components',
   ],
 };
 

apps/storefront/package.json

@@ -2,6 +2,9 @@
   "name": "storefront",
   "version": "0.1.0",
   "private": true,
+  "engines": {
+    "node": ">=22.15.0"
+  },
   "scripts": {
     "sitemap": "next-sitemap",
     "dev": "next dev",
@@ -16,12 +19,12 @@
     "@digdir/designsystemet-css": "workspace:^",
     "@digdir/designsystemet-react": "workspace:^",
     "@digdir/designsystemet-theme": "workspace:^",
+    "@internal/components": "workspace:^",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@navikt/aksel-icons": "^7.18.0",
     "@next/mdx": "^15.2.4",
     "@radix-ui/react-slot": "^1.1.2",
-    "@repo/components": "workspace:^",
     "@types/mdx": "^2.0.13",
     "@vercel/analytics": "^1.5.0",
     "clsx": "^2.1.1",
@@ -37,7 +40,7 @@
     "webpack": "^5.98.0"
   },
   "devDependencies": {
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.1",
     "next-sitemap": "^4.2.3"
   }

apps/storybook/.storybook/preview.tsx

@@ -16,8 +16,8 @@ import {
   Table,
 } from '@digdir/designsystemet-react';
 
+import { CodeBlock } from '@internal/components';
 import { Children, type MouseEventHandler } from 'react';
-import { CodeBlock } from '../../_components';
 import { customStylesDecorator } from '../story-utils/customStylesDecorator';
 import { fontsLoader } from '../story-utils/fontsLoader';
 import { allModes, viewportWidths } from '../story-utils/modes';

apps/storybook/package.json

@@ -1,7 +1,10 @@
 {
-  "name": "@designsystemet/storybook",
-  "version": "0.1.0",
+  "name": "@web/storybook",
+  "version": "0.0.0",
   "private": true,
+  "engines": {
+    "node": ">=22.15.0"
+  },
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "storybook build -o ./dist --stats-json",
@@ -22,7 +25,7 @@
     "@digdir/designsystemet-react": "workspace:^",
     "@digdir/designsystemet-theme": "workspace:^",
     "@navikt/aksel-icons": "^7.18.0",
-    "@repo/components": "workspace:^",
+    "@internal/components": "workspace:^",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-links": "^8.6.12",

apps/storybook/stories/showcase.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryFn } from '@storybook/react';
 import { useState } from 'react';
 
 import { Fieldset, type Size, ToggleGroup } from '@digdir/designsystemet-react';
-import { Showcase } from '@repo/components';
+import { Showcase } from '@internal/components';
 
 import classes from './showcase.module.css';
 

apps/storybook/tsconfig.json

@@ -3,9 +3,12 @@
   "compilerOptions": {
     "types": ["../../packages/theme/brand/colors.d.ts"]
   },
-  "files": ["./.storybook/componentOverrides.module.scss"],
+  "files": [
+    "./.storybook/componentOverrides.module.scss",
+    "./stories/showcase.module.css"
+  ],
   "include": [
-    ".",
+    "**/*",
     "./.storybook/**/*",
     "../../packages/css/postcss.config.js",
     "../../vite.config.ts"

apps/theme/app/layout.tsx

@@ -4,8 +4,8 @@ import '@digdir/designsystemet-css';
 import '@digdir/designsystemet-theme';
 import 'react-color-palette/css';
 import './globals.css';
+import { Figma, Footer, Github, Header, Slack } from '@internal/components';
 import { EnvelopeClosedIcon } from '@navikt/aksel-icons';
-import { Figma, Footer, Github, Header, Slack } from '@repo/components';
 
 export const metadata: Metadata = {
   title: 'Temabygger - Designsystemet',

apps/theme/app/om-verktoyet/page.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 
 import classes from './page.module.css';
 

apps/theme/app/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 import { Button, Heading, Paragraph } from '@digdir/designsystemet-react';
-import type {} from '@digdir/designsystemet/color';
-import {} from '@digdir/designsystemet/color';
+import { Container } from '@internal/components';
 import { BookIcon, PaletteIcon } from '@navikt/aksel-icons';
-import { Container } from '@repo/components';
 import NextLink from 'next/link';
 import { useSearchParams } from 'next/navigation';
 import { useEffect } from 'react';

apps/theme/app/slik-bruker-du-verktoyet/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { Heading, Link, Paragraph } from '@digdir/designsystemet-react';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 
 import classes from './page.module.css';
 

apps/theme/app/test/page.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Container } from '@repo/components';
+import { Container } from '@internal/components';
 
 import {
   type ThemeInfo,

apps/theme/components/Group/Group.tsx

@@ -10,7 +10,7 @@ import cl from 'clsx/lite';
 
 import { Color as ColorPreview } from '../Color/Color';
 
-import { ColorModal } from '@repo/components';
+import { ColorModal } from '@internal/components';
 import { Fragment, createRef, useRef } from 'react';
 import { useThemeStore } from '../../store';
 import classes from './Group.module.css';

apps/theme/components/TokenModal/TokenModal.tsx

@@ -14,8 +14,8 @@ import {
   cliOptions,
   formatThemeCSS,
 } from '@digdir/designsystemet/tokens';
+import { CodeBlock } from '@internal/components';
 import { InformationSquareIcon, StarIcon } from '@navikt/aksel-icons';
-import { CodeBlock } from '@repo/components';
 import { useRef, useState } from 'react';
 
 import type { Color, CssColor } from '@digdir/designsystemet/color';

apps/theme/package.json

@@ -2,6 +2,9 @@
   "name": "theme",
   "version": "0.1.0",
   "private": true,
+  "engines": {
+    "node": ">=22.15.0"
+  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -14,12 +17,12 @@
     "@digdir/designsystemet-css": "workspace:^",
     "@digdir/designsystemet-react": "workspace:^",
     "@digdir/designsystemet-theme": "workspace:^",
+    "@internal/components": "workspace:^",
     "@navikt/aksel-icons": "^7.18.0",
-    "@repo/components": "workspace:^",
+    "@radix-ui/react-slot": "^1.1.2",
     "chroma-js": "^3.1.2",
     "clsx": "^2.1.1",
     "next": "^15.2.4",
-    "@radix-ui/react-slot": "^1.1.2",
     "react": "^19.1.0",
     "react-color-palette": "^7.3.0",
     "react-dom": "^19.1.0",
@@ -28,7 +31,7 @@
   },
   "devDependencies": {
     "@types/chroma-js": "^3.1.1",
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.1"
   }
 }

apps/www/package.json

@@ -1,6 +1,10 @@
 {
-  "name": "www.designsystemet.no",
+  "name": "@web/www",
+  "version": "0.0.0",
   "private": true,
+  "engines": {
+    "node": ">=22.15.0"
+  },
   "type": "module",
   "scripts": {
     "build": "react-router build && node scripts/copy-content.js",
@@ -17,7 +21,6 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@react-router/node": "^7.5.2",
     "@react-router/serve": "^7.5.2",
-    "@repo/components": "workspace:^",
     "@vercel/react-router": "^1.1.0",
     "clsx": "^2.1.1",
     "i18next": "^25.0.1",
@@ -39,7 +42,7 @@
   "devDependencies": {
     "@react-router/dev": "^7.5.2",
     "@types/node": "^22.14.1",
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.0",
     "typescript": "^5.8.2",
     "vite": "^6.3.2",