diff --git a/.changeset/brave-windows-tap.md b/.changeset/brave-windows-tap.md deleted file mode 100644 index 896c96bb8..000000000 --- a/.changeset/brave-windows-tap.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -"@obosbbl/grunnmuren-react": patch ---- - -## Breaking Beta change -The `` API has now been refactored to support headings inside link lists. - -- `` no longer supports link props, the component must now receive a `` as a child to which link props are passed -- The `isExternal` prop has been removed ``. External links are now identified byt the `rel` prop on the `` child (e.g ``) - - -### Before -``` tsx - - Les mer - - Medlemsvilkår - - - Tryg forsikring - - -``` - -### Now -``` tsx - - - Bolig - - - - Medlemsvilkår - - - - - Tryg forsikring - - - -``` - -## Use Headings (with links) - -``` tsx - - - OBOS - - - - Bolig - - - Bank - - - Medlem - - - -``` \ No newline at end of file diff --git a/.changeset/dull-lies-shout.md b/.changeset/dull-lies-shout.md deleted file mode 100644 index 8e8c3d90f..000000000 --- a/.changeset/dull-lies-shout.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@obosbbl/grunnmuren-tailwind": patch ---- - -Extract styles for the `` components to component classes. This makes them reusable outside React, and makes the implementation and CSS for the component more readable. diff --git a/.changeset/giant-parrots-travel.md b/.changeset/giant-parrots-travel.md deleted file mode 100644 index e14f0814f..000000000 --- a/.changeset/giant-parrots-travel.md +++ /dev/null @@ -1,39 +0,0 @@ ---- -"@obosbbl/grunnmuren-react": patch ---- - -# Breaking Beta Change -Exposing `` as part of the `` 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 - - Bolig - Bank - Medlem - -``` - -But the `` 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 ``: - -``` tsx - - - Konsernledelsen - Styret - - Representantskapet - - - Boligpriser og statistikk - - - Investor Relations - - - Digital årsrapport - - - -``` - -This also paves way for supporting `` inside the ``, above the ``. Stay tuned! \ No newline at end of file diff --git a/.changeset/kind-peaches-sneeze.md b/.changeset/kind-peaches-sneeze.md deleted file mode 100644 index a19093ab5..000000000 --- a/.changeset/kind-peaches-sneeze.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -"@obosbbl/grunnmuren-tailwind": minor ---- - -## 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`. \ No newline at end of file diff --git a/.changeset/mean-coats-admire.md b/.changeset/mean-coats-admire.md deleted file mode 100644 index 48cac5a96..000000000 --- a/.changeset/mean-coats-admire.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@obosbbl/grunnmuren-react": patch ---- - -Better screen reader support in the `` component: annonuce external links. diff --git a/.changeset/orange-breads-flow.md b/.changeset/orange-breads-flow.md deleted file mode 100644 index 3c956c20e..000000000 --- a/.changeset/orange-breads-flow.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@obosbbl/grunnmuren-tailwind": patch ---- - -Styles for headings and icons inside link lists. diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 97c716e9b..09a0d1267 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,108 @@ # @obosbbl/grunnmuren-react +## 3.2.1 + +### Patch Changes + +- 0f8cd6d: ## Breaking Beta change + The `` API has now been refactored to support headings inside link lists. + - `` no longer supports link props, the component must now receive a `` as a child to which link props are passed + - The `isExternal` prop has been removed ``. External links are now identified byt the `rel` prop on the `` child (e.g ``) + + ### Before + + ```tsx + + Les mer + + Medlemsvilkår + + + Tryg forsikring + + + ``` + + ### Now + + ```tsx + + + Bolig + + + + Medlemsvilkår + + + + + Tryg forsikring + + + + ``` + + ## Use Headings (with links) + + ```tsx + + + OBOS + + + + Bolig + + + Bank + + + Medlem + + + + ``` + +- 1c04f75: # Breaking Beta Change + Exposing `` as part of the `` 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 + + Bolig + Bank + Medlem + + ``` + + But the `` 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 ``: + + ```tsx + + + Konsernledelsen + Styret + Representantskapet + + Boligpriser og statistikk + + Investor Relations + Digital årsrapport + + + ``` + + This also paves way for supporting `` inside the ``, above the ``. Stay tuned! + +- 0f8cd6d: Better screen reader support in the `` component: annonuce external links. + ## 3.2.0 ### Minor Changes diff --git a/packages/react/package.json b/packages/react/package.json index 72510b84c..33405523a 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -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" diff --git a/packages/tailwind/CHANGELOG.md b/packages/tailwind/CHANGELOG.md index 014b4b694..5d6abf422 100644 --- a/packages/tailwind/CHANGELOG.md +++ b/packages/tailwind/CHANGELOG.md @@ -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 `` 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,7 +247,6 @@ ``` - 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. @@ -228,7 +254,6 @@ - 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,7 +346,6 @@ ### 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. @@ -329,7 +353,6 @@ - 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` diff --git a/packages/tailwind/package.json b/packages/tailwind/package.json index 46cd246f7..d4a887d2a 100644 --- a/packages/tailwind/package.json +++ b/packages/tailwind/package.json @@ -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"