docs: clarify support for the web package (#4919)

Author: mrosvik

apps/www/app/content/fundamentals/en/start-here/preparations.mdx

@@ -33,7 +33,7 @@ Designsystemet can be used directly in your solutions by adopting the component
 How to get started:
 - Start by [building your theme](/en/fundamentals/start-here/own-theme) and store it in a repository.
 - If you use Figma, you can use the [Designsystemet – Core UI Kit](https://www.figma.com/@designsystemet), import variables from your theme, and publish the file.
-- Use the [React component library](/en/fundamentals/code/react) or the [CSS library for web projects without React](/en/fundamentals/code/css).
+- Follow the [code package setup](/en/fundamentals/code/setup) and choose CSS, the web package, or React based on your project’s needs.
 - Import and use the components in your solutions together with your theme.
 
 

apps/www/app/content/fundamentals/no/start-here/preparations.mdx

@@ -34,7 +34,7 @@ Designsystemet kan brukes direkte i dine løsninger ved å ta i bruk komponentbi
 Slik kommer du i gang: 
 - Start med å [bygge ditt tema](/no/fundamentals/start-here/own-theme) og legg det i et repo.
 - Trenger du Figma, kan du bruke [Designsystemet - Core UI Kit](https://www.figma.com/@designsystemet), hent variabler fra ditt tema, publiser filen.
-- Ta i bruk [komponentbiblioteket i React](/no/fundamentals/code/react) eller bare [CSS-biblioteket i webprosjekter uten React](/no/fundamentals/code/css). 
+- Følg [oppsettet for kodepakkene](/no/fundamentals/code/setup) og velg CSS, web-pakken eller React ut fra behovet i prosjektet.
 - Importer og bruk komponentene i dine løsninger sammen med ditt tema.
 
 ---

apps/www/app/content/intro/en/about-the-design-system.mdx

@@ -92,7 +92,7 @@ Designsystemet consists of multiple building blocks and tools. You can use what
   Design Tokens are variables for colors, typography, spacing, sizes, and shapes. They are theme-based, meaning they reflect your brand via the preferences you set in the [Theme Builder](/en/fundamentals/start-here/own-theme). The color system ensures text and background always have sufficient contrast—no matter your brand colors. Token structure supports multiple themes and modes (light, dark, contrast, etc.). Tokens keep design and code in sync—this is where the magic happens.
 
 - **UI components**  
-  Designsystemet offers essential components worth sharing across services. They are available in [Figma](https://www.figma.com/@designsystemet), [CSS](/en/fundamentals/code/css), [React](/en/fundamentals/code/react), and can also be used together with [other frameworks](/en/fundamentals/code/other-frameworks). Usage guidelines are included and continuously updated as we learn more.
+  Designsystemet offers essential components worth sharing across services. They are available for [Figma](https://www.figma.com/@designsystemet), CSS, a framework-independent web package, and React. See [setup](/en/fundamentals/code/setup) to get started. Usage guidelines are included and continuously updated as we learn more.
 
 - **Theme Builder**  
   The [Theme Builder](https://theme.designsystemet.no/en) helps you customize Designsystemet to match your organization’s brand. After configuration, you copy a code snippet and paste it into your terminal. In just minutes, all components reflect your brand colors.

apps/www/app/content/intro/no/about-the-design-system.mdx

@@ -90,7 +90,7 @@ Designsystemet består av flere byggeklosser og verktøy. Du kan ta i bruk det d
   Design Tokens er variabler som styrer farger, typografi, størrelser, avstander og former. Variablene er lagt opp til å være tema-baserte, det vil si at de tar utgangspunkt i din merkevare med de fargene og preferansene du selv velger i Temabyggeren. Fargesystemet sikrer at det er god kontrast mellom tekst og bakgrunnsfarger, uansett hvilke profilfarger du har. Token-strukturen støtter at du kan ha både flere ulike tema og flere moduser (dark-mode, light-mode, contrast-mode, etc.). Design Tokens sørger også for at det er de samme verdiene vi jobber med i design og kode. Design tokens er selve fundamentet i Designsystemet.
 
 - **UI-komponenter** \
-  Designsystemet inneholder de mest grunnleggende UI-komponentene som gir verdi å dele på tvers. UI-komponentene finnes i egne bibliotek for [Figma](https://www.figma.com/@designsystemet), [CSS](/no/fundamentals/code/css), [React](/no/fundamentals/code/react), og kan også brukes sammen med [andre rammeverk](/no/fundamentals/code/other-frameworks). Vi dokumenterer hvordan komponentene bør brukes og oppdaterer retningslinjene etter hvert som vi får mer innsikt. 
+  Designsystemet inneholder de mest grunnleggende UI-komponentene som gir verdi å dele på tvers. Komponentene finnes for [Figma](https://www.figma.com/@designsystemet), CSS, en rammeverkuavhengig web-pakke og React. Se [oppsett](/no/fundamentals/code/setup) for hvordan du kommer i gang. Vi dokumenterer hvordan komponentene bør brukes og oppdaterer retningslinjene etter hvert som vi får mer innsikt. 
 
 - **Temabygger** \
 [Temabyggeren](https://theme.designsystemet.no/) gjør det enkelt å ta i bruk Designsystemet i din egen organisasjon med dine egne profilfarger og preferanser. Etter at du har tilpasset temaet, kopierer du en kodesnutt og limer den inn i terminalen, på få minutter har du alle komponentene med ditt eget design. 

apps/www/app/locales/en.ts

@@ -16,8 +16,7 @@ export default {
     },
     components: {
       title: 'Components',
-      description:
-        'See the overview of UI components created in React, CSS and Figma.',
+      description: 'See the overview of framework-independent UI components.',
     },
     toolbox: {
       title: 'A common design system',
@@ -28,7 +27,7 @@ export default {
     'components-section': {
       title: 'Accessible and flexible components',
       description:
-        'By creating the most basic components once in a common design system, we ensure high quality. Each component is thoroughly tested and meets accessibility requirements. Components are built in both Figma and React, and can be combined in various ways to support different patterns.',
+        'By creating the most basic components once in a common design system, we ensure high quality. Each component is thoroughly tested and meets accessibility requirements. Components are available for Figma, CSS, a framework-independent web package and React, and can be combined in various ways to support different patterns.',
       link: 'Read more about accessibility',
       fallbackImgAlt:
         'Design sketch of a mobile phone containing components from Designsystemet.',
@@ -151,7 +150,7 @@ export default {
   components: {
     title: 'Components',
     description:
-      'Designsystemet contains basic components that can be combined in many different ways and in various patterns.',
+      'Designsystemet contains basic components that can be used independently of framework, and combined in many different ways and in various patterns.',
     changelog: {
       title: 'Changelog',
     },

apps/www/app/locales/no.ts

@@ -15,8 +15,7 @@ export default {
     },
     components: {
       title: 'Komponenter',
-      description:
-        'Se oversikten over UI-komponentene som er laget i React, CSS og Figma.',
+      description: 'Se oversikten over rammeverkuavhengige UI-komponenter.',
     },
     toolbox: {
       title: 'En felles digital verktøykasse',
@@ -27,7 +26,7 @@ export default {
     'components-section': {
       title: 'Tilgjengelige og fleksible komponenter',
       description:
-        'Når vi lager de mest grunnleggende komponentene bare én gang, sikrer vi god kvalitet. Komponenten blir godt testet og ivaretar krav til universell utforming. Komponentene finnes i egne bibliotek for Figma, CSS og React. Du kan sette dem sammen på mange ulike måter og i forskjellige mønstre.',
+        'Når vi lager de mest grunnleggende komponentene bare én gang, sikrer vi god kvalitet. Komponenten blir godt testet og ivaretar krav til universell utforming. Komponentene finnes for Figma, CSS, en rammeverkuavhengig web-pakke og React. Du kan sette dem sammen på mange ulike måter og i forskjellige mønstre.',
       link: 'Les mer om universell utforming',
       fallbackImgAlt:
         'Designskisse av en mobiltelefon som har komponenter fra Designsystemet i seg.',
@@ -150,7 +149,7 @@ export default {
   components: {
     title: 'Komponenter',
     description:
-      'Designsystemet inneholder grunnleggende komponenter som kan settes sammen på mange ulike måter og i forskjellige mønstre.',
+      'Designsystemet inneholder grunnleggende komponenter som kan brukes uavhengig av rammeverk, og settes sammen på mange ulike måter og i forskjellige mønstre.',
     changelog: {
       title: 'Endringslogg',
     },