code-obos · oscarcarlstrom · Nov 20, 2025 · Nov 20, 2025
@@ -1,5 +1,108 @@
 # @obosbbl/grunnmuren-react
 
+## 3.2.1
+
+### Patch Changes
+
+- 0f8cd6d: ## Breaking Beta change
+  The `<LinkList>` API has now been refactored to support headings inside link lists.
+  - `<LinkListItem>` no longer supports link props, the component must now receive a `<Link>` as a child to which link props are passed
+  - The `isExternal` prop has been removed `<LinkListItem>`. External links are now identified byt the `rel` prop on the `<Link>` child (e.g `<Link rel="external">`)
+
+  ### Before
+
+  ```tsx
+  <LinkList>
+    <LinkListItem href="/medlem">Les mer</LinkListItem>
+    <LinkListItem download href="/medlemsvilkar.pdf">
+      Medlemsvilkår
+    </LinkListItem>
+    <LinkListItem
+      href="https://www.tryg.no/forsikringer/fordeler-hos-tryg/bruk-medlemsfordelene-dine/obos/index.html?cmpid=obos_tryggjennomlivet"
+      rel="external"
+    >
+      Tryg forsikring
+    </LinkListItem>
+  </LinkList>
+  ```
+
+  ### Now
+
+  ```tsx
+  <LinkList>
+    <LinkListItem>
+      <Link href="/bolig">Bolig</Link>
+    </LinkListItem>
+    <LinkListItem>
+      <Link href="/bank" download href="/medlemsvilkar.pdf">
+        Medlemsvilkår
+      </Link>
+    </LinkListItem>
+    <LinkListItem>
+      <Link
+        href="/medlem"
+        href="https://www.tryg.no/forsikringer/fordeler-hos-tryg/bruk-medlemsfordelene-dine/obos/index.html?cmpid=obos_tryggjennomlivet"
+        rel="external"
+      >
+        Tryg forsikring
+      </Link>
+    </LinkListItem>
+  </LinkList>
+  ```
+
+  ## Use Headings (with links)
+
+  ```tsx
+  <LinkListContainer>
+    <Heading level={2}>
+      <Link href="/om">OBOS</Link>
+    </Heading>
+    <LinkList>
+      <LinkListItem>
+        <Link href="/bolig">Bolig</Link>
+      </LinkListItem>
+      <LinkListItem>
+        <Link href="/bank">Bank</Link>
+      </LinkListItem>
+      <LinkListItem>
+        <Link href="/medlem">Medlem</Link>
+      </LinkListItem>
+    </LinkList>
+  </LinkListContainer>
+  ```
+
+- 1c04f75: # Breaking Beta Change
+  Exposing `<LinkListContainer>` as part of the `<LinkList>` API. This allows for easier customization and flexibility. Since it is now possible to style the container and the list individually. This means you can still just render shorter lists (less than 6 LinkListItems) like before:
+
+  ```tsx
+  <LinkList>
+    <LinkListItem href="/bolig">Bolig</LinkListItem>
+    <LinkListItem href="/bank">Bank</LinkListItem>
+    <LinkListItem href="/medlem">Medlem</LinkListItem>
+  </LinkList>
+  ```
+
+  But the `<LinkList>` itself will no longer divide larger list (more than 5 LinkListItems) into multiple columns like before. For that you will now need to wrap it in the `<LinkListContainer>`:
+
+  ```tsx
+  <LinkListContainer>
+    <LinkList>
+      <LinkListItem href="/konsernledelsen">Konsernledelsen</LinkListItem>
+      <LinkListItem href="/styret">Styret</LinkListItem>
+      <LinkListItem href="/representantskapet">Representantskapet</LinkListItem>
+      <LinkListItem href="/boligpriser-og-statistikk">
+        Boligpriser og statistikk
+      </LinkListItem>
+      <LinkListItem href="/investor-relations">Investor Relations</LinkListItem>
+      <LinkListItem href="/digital-arsrapport">Digital årsrapport</LinkListItem>
+    </LinkList>
+  </LinkListContainer>
+  ```
+
+  This also paves way for supporting `<Heading>` inside the `<LinkListContainer>`, above the `<LinkListContainer>`. Stay tuned!
+
+- 0f8cd6d: Better screen reader support in the `<Link>` component: annonuce external links.
+
 ## 3.2.0
 
 ### Minor Changes

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "Grunnmuren components in React",
   "repository": {
     "url": "https://github.com/code-obos/grunnmuren"

@@ -1,5 +1,33 @@
 # @obosbbl/grunnmuren-tailwind
 
+## 2.4.0
+
+### Minor Changes
+
+- 440543f: ## New classes for layout grids
+  You can now use the classes `layout-grid-gap-x`, `layout-grid`, `layout-grid-container` and `layout-subgrid-1`-`layout-subgrid-12` to set up layout grids pages so that all your content aligns.
+
+  ### `layout-grid-gap-x`
+
+  Defines the layout grid column spacing responsively.
+
+  ### `layout-grid`
+
+  Sets up a responsive 14 column grid with `layout-grid-gap-x`.
+
+  ### `layout-grid-container`
+
+  Combines `layout-grid` with the `container` class, which makes up the new page container.
+
+  ### `layout-subgrid-1`-`layout-subgrid-12`
+
+  Until there is better support for `subgrid` in CSS, you can use these classes to set up subgrids that aligns with `layout-grid`.
+
+### Patch Changes
+
+- 1c04f75: Extract styles for the `<LinkList>` components to component classes. This makes them reusable outside React, and makes the implementation and CSS for the component more readable.
+- 0f8cd6d: Styles for headings and icons inside link lists.
+
 ## 2.3.2
 
 ### Patch Changes
@@ -186,7 +214,6 @@
   The `includeFontFallback` option is also removed, and a font fallback will automatically be applied to the OBOS fonts by defaullt.
 
   ## Migration
-
   1. Upgrade your project to Tailwind 4. You can try the [migration guide](https://tailwindcss.com/docs/upgrade-guide)
      from tailwind.
   2. Add `@import "@obosbbl/grunnmuren-tailwind";` to the top of the main CSS file of your project. This is the new CSS configuration file for Grunnmuren.
@@ -220,15 +247,13 @@
   ```
 
 - 5a9534b: BREAKING CHANGE: Update font setup to include new font-family, `OBOSDisplay`.
-
   - Remove OBOSText-Bold in favor of OBOSDisplay-SemiBold.
   - Change font-family of `heading-xl` and `heading-l` to OBOSDisplay.
   - Change name of font-family `OBOSFont` to `OBOSText` to make the distinction between OBOSDisplay and OBOSText clearer.
   - Remove Tailwind's default `font-sans` utility in favor of `font-display` and `font-text` to change the font family.
     - If you were previously using next/font and extending the font family in your Tailwind configuration to support that, you should remove all this as the preset now includes an in built font-fallback.
 
 - 6482fad: Updated typography design.
-
   - BREAKING: Deprecate `.h1`, `.h2`, `.h3` and `.h4` classes
   - Add heading classes with "t-shirt sizes": `.heading-xl`, `.heading-l`, `.heading-m`, `.heading-s` and `.heading-xs`
   - Add classes: `.paragraph`, `.lead`, `.blockquote` and `.description`
@@ -321,15 +346,13 @@
 ### Major Changes
 
 - 5a9534b: BREAKING CHANGE: Update font setup to include new font-family, `OBOSDisplay`.
-
   - Remove OBOSText-Bold in favor of OBOSDisplay-SemiBold.
   - Change font-family of `heading-xl` and `heading-l` to OBOSDisplay.
   - Change name of font-family `OBOSFont` to `OBOSText` to make the distinction between OBOSDisplay and OBOSText clearer.
   - Remove Tailwind's default `font-sans` utility in favor of `font-display` and `font-text` to change the font family.
     - If you were previously using next/font and extending the font family in your Tailwind configuration to support that, you should remove all this as the preset now includes an in built font-fallback.
 
 - 6482fad: Updated typography design.
-
   - BREAKING: Deprecate `.h1`, `.h2`, `.h3` and `.h4` classes
   - Add heading classes with "t-shirt sizes": `.heading-xl`, `.heading-l`, `.heading-m`, `.heading-s` and `.heading-xs`
   - Add classes: `.paragraph`, `.lead`, `.blockquote` and `.description`

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-tailwind",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "description": "Grunnmuren Tailwind preset",
   "repository": {
     "url": "https://github.com/code-obos/grunnmuren"