Skip to content

Commit 4090aa6

Browse files
chore: update versions
1 parent 440543f commit 4090aa6

File tree

10 files changed

+133
-150
lines changed

10 files changed

+133
-150
lines changed

.changeset/brave-windows-tap.md

Lines changed: 0 additions & 70 deletions
This file was deleted.

.changeset/dull-lies-shout.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

.changeset/giant-parrots-travel.md

Lines changed: 0 additions & 39 deletions
This file was deleted.

.changeset/kind-peaches-sneeze.md

Lines changed: 0 additions & 19 deletions
This file was deleted.

.changeset/mean-coats-admire.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

.changeset/orange-breads-flow.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

packages/react/CHANGELOG.md

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,108 @@
11
# @obosbbl/grunnmuren-react
22

3+
## 3.2.1
4+
5+
### Patch Changes
6+
7+
- 0f8cd6d: ## Breaking Beta change
8+
The `<LinkList>` API has now been refactored to support headings inside link lists.
9+
- `<LinkListItem>` no longer supports link props, the component must now receive a `<Link>` as a child to which link props are passed
10+
- 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">`)
11+
12+
### Before
13+
14+
```tsx
15+
<LinkList>
16+
<LinkListItem href="/medlem">Les mer</LinkListItem>
17+
<LinkListItem download href="/medlemsvilkar.pdf">
18+
Medlemsvilkår
19+
</LinkListItem>
20+
<LinkListItem
21+
href="https://www.tryg.no/forsikringer/fordeler-hos-tryg/bruk-medlemsfordelene-dine/obos/index.html?cmpid=obos_tryggjennomlivet"
22+
rel="external"
23+
>
24+
Tryg forsikring
25+
</LinkListItem>
26+
</LinkList>
27+
```
28+
29+
### Now
30+
31+
```tsx
32+
<LinkList>
33+
<LinkListItem>
34+
<Link href="/bolig">Bolig</Link>
35+
</LinkListItem>
36+
<LinkListItem>
37+
<Link href="/bank" download href="/medlemsvilkar.pdf">
38+
Medlemsvilkår
39+
</Link>
40+
</LinkListItem>
41+
<LinkListItem>
42+
<Link
43+
href="/medlem"
44+
href="https://www.tryg.no/forsikringer/fordeler-hos-tryg/bruk-medlemsfordelene-dine/obos/index.html?cmpid=obos_tryggjennomlivet"
45+
rel="external"
46+
>
47+
Tryg forsikring
48+
</Link>
49+
</LinkListItem>
50+
</LinkList>
51+
```
52+
53+
## Use Headings (with links)
54+
55+
```tsx
56+
<LinkListContainer>
57+
<Heading level={2}>
58+
<Link href="/om">OBOS</Link>
59+
</Heading>
60+
<LinkList>
61+
<LinkListItem>
62+
<Link href="/bolig">Bolig</Link>
63+
</LinkListItem>
64+
<LinkListItem>
65+
<Link href="/bank">Bank</Link>
66+
</LinkListItem>
67+
<LinkListItem>
68+
<Link href="/medlem">Medlem</Link>
69+
</LinkListItem>
70+
</LinkList>
71+
</LinkListContainer>
72+
```
73+
74+
- 1c04f75: # Breaking Beta Change
75+
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:
76+
77+
```tsx
78+
<LinkList>
79+
<LinkListItem href="/bolig">Bolig</LinkListItem>
80+
<LinkListItem href="/bank">Bank</LinkListItem>
81+
<LinkListItem href="/medlem">Medlem</LinkListItem>
82+
</LinkList>
83+
```
84+
85+
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>`:
86+
87+
```tsx
88+
<LinkListContainer>
89+
<LinkList>
90+
<LinkListItem href="/konsernledelsen">Konsernledelsen</LinkListItem>
91+
<LinkListItem href="/styret">Styret</LinkListItem>
92+
<LinkListItem href="/representantskapet">Representantskapet</LinkListItem>
93+
<LinkListItem href="/boligpriser-og-statistikk">
94+
Boligpriser og statistikk
95+
</LinkListItem>
96+
<LinkListItem href="/investor-relations">Investor Relations</LinkListItem>
97+
<LinkListItem href="/digital-arsrapport">Digital årsrapport</LinkListItem>
98+
</LinkList>
99+
</LinkListContainer>
100+
```
101+
102+
This also paves way for supporting `<Heading>` inside the `<LinkListContainer>`, above the `<LinkListContainer>`. Stay tuned!
103+
104+
- 0f8cd6d: Better screen reader support in the `<Link>` component: annonuce external links.
105+
3106
## 3.2.0
4107

5108
### Minor Changes

packages/react/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@obosbbl/grunnmuren-react",
3-
"version": "3.2.0",
3+
"version": "3.2.1",
44
"description": "Grunnmuren components in React",
55
"repository": {
66
"url": "https://github.com/code-obos/grunnmuren"

packages/tailwind/CHANGELOG.md

Lines changed: 28 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,33 @@
11
# @obosbbl/grunnmuren-tailwind
22

3+
## 2.4.0
4+
5+
### Minor Changes
6+
7+
- 440543f: ## New classes for layout grids
8+
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.
9+
10+
### `layout-grid-gap-x`
11+
12+
Defines the layout grid column spacing responsively.
13+
14+
### `layout-grid`
15+
16+
Sets up a responsive 14 column grid with `layout-grid-gap-x`.
17+
18+
### `layout-grid-container`
19+
20+
Combines `layout-grid` with the `container` class, which makes up the new page container.
21+
22+
### `layout-subgrid-1`-`layout-subgrid-12`
23+
24+
Until there is better support for `subgrid` in CSS, you can use these classes to set up subgrids that aligns with `layout-grid`.
25+
26+
### Patch Changes
27+
28+
- 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.
29+
- 0f8cd6d: Styles for headings and icons inside link lists.
30+
331
## 2.3.2
432

533
### Patch Changes
@@ -186,7 +214,6 @@
186214
The `includeFontFallback` option is also removed, and a font fallback will automatically be applied to the OBOS fonts by defaullt.
187215

188216
## Migration
189-
190217
1. Upgrade your project to Tailwind 4. You can try the [migration guide](https://tailwindcss.com/docs/upgrade-guide)
191218
from tailwind.
192219
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 @@
220247
```
221248

222249
- 5a9534b: BREAKING CHANGE: Update font setup to include new font-family, `OBOSDisplay`.
223-
224250
- Remove OBOSText-Bold in favor of OBOSDisplay-SemiBold.
225251
- Change font-family of `heading-xl` and `heading-l` to OBOSDisplay.
226252
- Change name of font-family `OBOSFont` to `OBOSText` to make the distinction between OBOSDisplay and OBOSText clearer.
227253
- Remove Tailwind's default `font-sans` utility in favor of `font-display` and `font-text` to change the font family.
228254
- 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.
229255

230256
- 6482fad: Updated typography design.
231-
232257
- BREAKING: Deprecate `.h1`, `.h2`, `.h3` and `.h4` classes
233258
- Add heading classes with "t-shirt sizes": `.heading-xl`, `.heading-l`, `.heading-m`, `.heading-s` and `.heading-xs`
234259
- Add classes: `.paragraph`, `.lead`, `.blockquote` and `.description`
@@ -321,15 +346,13 @@
321346
### Major Changes
322347

323348
- 5a9534b: BREAKING CHANGE: Update font setup to include new font-family, `OBOSDisplay`.
324-
325349
- Remove OBOSText-Bold in favor of OBOSDisplay-SemiBold.
326350
- Change font-family of `heading-xl` and `heading-l` to OBOSDisplay.
327351
- Change name of font-family `OBOSFont` to `OBOSText` to make the distinction between OBOSDisplay and OBOSText clearer.
328352
- Remove Tailwind's default `font-sans` utility in favor of `font-display` and `font-text` to change the font family.
329353
- 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.
330354

331355
- 6482fad: Updated typography design.
332-
333356
- BREAKING: Deprecate `.h1`, `.h2`, `.h3` and `.h4` classes
334357
- Add heading classes with "t-shirt sizes": `.heading-xl`, `.heading-l`, `.heading-m`, `.heading-s` and `.heading-xs`
335358
- Add classes: `.paragraph`, `.lead`, `.blockquote` and `.description`

packages/tailwind/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@obosbbl/grunnmuren-tailwind",
3-
"version": "2.3.2",
3+
"version": "2.4.0",
44
"description": "Grunnmuren Tailwind preset",
55
"repository": {
66
"url": "https://github.com/code-obos/grunnmuren"

0 commit comments

Comments
 (0)