@nordicsemiconductor/pc-nrfconnect-shared 245.0.0 → 246.0.0

package/Changelog.md

@@ -7,6 +7,12 @@ This project does _not_ adhere to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html) but contrary to it
 every new version is a new major version.
 
+## 246.0.0 - 2026-04-22
+
+### Changed
+
+- Aligned Card component styles with old implementation.
+
 ## 245.0.0 - 2026-04-21
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nordicsemiconductor/pc-nrfconnect-shared",
-    "version": "245.0.0",
+    "version": "246.0.0",
     "description": "Shared commodities for developing pc-nrfconnect-* packages",
     "repository": {
         "type": "git",

package/release_notes.md

@@ -1,36 +1,3 @@
-### Added
-
-- Added proto-slot components `Card.Header`, `Card.Header.Title`, `Card.Body`.
-- Added support for `className` and `ref` on `Card` and its proto-slot
-  components.
-- Added support for `cardTitleClassName` and `cardSubtitleClassName` on
-  `Card.Header.Title`
-- nRF54LS05 to the list of the known devices.
-
 ### Changed
 
-- Upgraded `tailwind` to `3.4.14` to allow for use of min/max width and min/max
-  height with usual spacing units instead of screen sizes.
-- Refactored `Card` component to remove dependency on bootstrap and to allow for
-  more flexibility.
-
-### Steps to upgrade when using this package
-
-#### Migrating the `Card` component
-
-The `title` and `titleButton` are no longer available on `Card`, and the overall
-structure of `Card` changed. Follow this format:
-
-```tsx
-import { Card } from '@nordicsemiconductor/pc-nrfconnect-shared';
-
-<Card>
-  <Card.Header className="tw-flex tw-flex-row tw-justify-between">
-    <Card.Header.Title cardTitle="your title here" />
-    { /* your button here */ }
-  </Card.Header>
-  <Card.Body>
-    { /* your card content here */ }
-  </Card.Body>
-</Card>
-```
+- Aligned Card component styles with old implementation.

package/src/Card/Card.tsx

@@ -60,7 +60,7 @@ interface CardHeaderComponent extends React.FC<CardHeaderProps> {
 const CardHeader: CardHeaderComponent = ({ children, className, ...attrs }) => (
     <header
         className={classNames(
-            `tw-border-b tw-border-solid tw-border-b-black tw-border-opacity-10 tw-py-4`,
+            `tw-border-b tw-border-solid tw-border-b-black tw-border-opacity-10 tw-pb-3 tw-pt-5`,
             className,
         )}
         {...attrs}
@@ -98,7 +98,7 @@ interface CardComponent extends React.FC<CardProps> {
 const Card: CardComponent = ({ children, className, ...attrs }) => (
     <article
         className={classNames(
-            `tw-preflight tw-relative tw-flex tw-flex-col tw-gap-4 tw-break-words tw-border tw-border-solid tw-border-black tw-border-opacity-10 tw-bg-white tw-px-4 tw-pb-4`,
+            `tw-preflight tw-relative tw-flex tw-flex-col tw-gap-3.5 tw-break-words tw-border tw-border-solid tw-border-black tw-border-opacity-10 tw-bg-white tw-px-4 tw-pb-4`,
             className,
         )}
         {...attrs}