@nordicsemiconductor/pc-nrfconnect-shared 244.0.0 → 246.0.0

package/dist/typings/ipc/device.d.ts

@@ -1,3 +1,3 @@
-export declare const knownDevicePcas: readonly ["PCA10028", "PCA10031", "PCA10040", "PCA10056", "PCA10059", "PCA10090", "PCA10095", "PCA10100", "PCA10121", "PCA20020", "PCA20053", "PCA20035", "PCA10143", "PCA10152", "PCA10153", "PCA10165", "PCA20049", "PCA10171", "PCA10156", "PCA10175", "PCA10184", "PCA10188", "PCA10201"];
+export declare const knownDevicePcas: readonly ["PCA10028", "PCA10031", "PCA10040", "PCA10056", "PCA10059", "PCA10090", "PCA10095", "PCA10100", "PCA10121", "PCA20020", "PCA20053", "PCA20035", "PCA10143", "PCA10152", "PCA10153", "PCA10165", "PCA20049", "PCA10171", "PCA10156", "PCA10175", "PCA10184", "PCA10188", "PCA10214", "PCA10201"];
 export type KnownDevicePCA = (typeof knownDevicePcas)[number];
 //# sourceMappingURL=device.d.ts.map

package/dist/typings/ipc/device.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../../ipc/device.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+RAwBlB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../../ipc/device.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,2SAyBlB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/typings/ipc/schema/packageJson.d.ts

@@ -40,7 +40,7 @@ declare const packageJsonApp: z.ZodObject<z.objectUtil.extendShape<{
         nrfconnect: string;
     }>>;
     nrfConnectForDesktop: z.ZodObject<{
-        supportedDevices: z.ZodOptional<z.ZodArray<z.ZodEnum<["PCA10028", "PCA10031", "PCA10040", "PCA10056", "PCA10059", "PCA10090", "PCA10095", "PCA10100", "PCA10121", "PCA20020", "PCA20053", "PCA20035", "PCA10143", "PCA10152", "PCA10153", "PCA10165", "PCA20049", "PCA10171", "PCA10156", "PCA10175", "PCA10184", "PCA10188", "PCA10201"]>, "atleastone">>;
+        supportedDevices: z.ZodOptional<z.ZodArray<z.ZodEnum<["PCA10028", "PCA10031", "PCA10040", "PCA10056", "PCA10059", "PCA10090", "PCA10095", "PCA10100", "PCA10121", "PCA20020", "PCA20053", "PCA20035", "PCA10143", "PCA10152", "PCA10153", "PCA10165", "PCA20049", "PCA10171", "PCA10156", "PCA10175", "PCA10184", "PCA10188", "PCA10214", "PCA10201"]>, "atleastone">>;
         nrfutil: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodTuple<[z.ZodString], null>>>;
         nrfutilCore: z.ZodString;
         html: z.ZodString;
@@ -57,7 +57,7 @@ declare const packageJsonApp: z.ZodObject<z.objectUtil.extendShape<{
     }, "strip", z.ZodTypeAny, {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -66,7 +66,7 @@ declare const packageJsonApp: z.ZodObject<z.objectUtil.extendShape<{
     }, {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -96,7 +96,7 @@ declare const packageJsonApp: z.ZodObject<z.objectUtil.extendShape<{
     nrfConnectForDesktop: {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -123,7 +123,7 @@ declare const packageJsonApp: z.ZodObject<z.objectUtil.extendShape<{
     nrfConnectForDesktop: {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -152,7 +152,7 @@ export declare const parsePackageJsonApp: (content: string) => z.SafeParseSucces
     nrfConnectForDesktop: {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -191,7 +191,7 @@ declare const packageJsonLegacyApp: z.ZodObject<z.objectUtil.extendShape<z.objec
         nrfconnect: string;
     }>>;
     nrfConnectForDesktop: z.ZodObject<{
-        supportedDevices: z.ZodOptional<z.ZodArray<z.ZodEnum<["PCA10028", "PCA10031", "PCA10040", "PCA10056", "PCA10059", "PCA10090", "PCA10095", "PCA10100", "PCA10121", "PCA20020", "PCA20053", "PCA20035", "PCA10143", "PCA10152", "PCA10153", "PCA10165", "PCA20049", "PCA10171", "PCA10156", "PCA10175", "PCA10184", "PCA10188", "PCA10201"]>, "atleastone">>;
+        supportedDevices: z.ZodOptional<z.ZodArray<z.ZodEnum<["PCA10028", "PCA10031", "PCA10040", "PCA10056", "PCA10059", "PCA10090", "PCA10095", "PCA10100", "PCA10121", "PCA20020", "PCA20053", "PCA20035", "PCA10143", "PCA10152", "PCA10153", "PCA10165", "PCA20049", "PCA10171", "PCA10156", "PCA10175", "PCA10184", "PCA10188", "PCA10214", "PCA10201"]>, "atleastone">>;
         nrfutil: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodTuple<[z.ZodString], null>>>;
         nrfutilCore: z.ZodString;
         html: z.ZodString;
@@ -208,7 +208,7 @@ declare const packageJsonLegacyApp: z.ZodObject<z.objectUtil.extendShape<z.objec
     }, "strip", z.ZodTypeAny, {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -217,7 +217,7 @@ declare const packageJsonLegacyApp: z.ZodObject<z.objectUtil.extendShape<z.objec
     }, {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;

package/dist/typings/src/About/About.d.ts

@@ -1,6 +1,5 @@
 import { type ReactNode } from 'react';
-import './about.scss';
-interface AboutPaneProps {
+export interface AboutPaneProps {
     documentation?: ReactNode[];
     feedbackCategories?: string[];
 }

package/dist/typings/src/About/About.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../src/About/About.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;yBAEe,uCAAuC,cAAc;AAArE,wBAWE"}
+{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../src/About/About.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,MAAM,WAAW,cAAc;IAC3B,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;yBAEe,uCAAuC,cAAc;AAArE,wBAeE"}

package/dist/typings/src/About/ApplicationCard.d.ts

@@ -1,3 +1,6 @@
-declare const _default: () => JSX.Element | null;
+export interface ApplicationCardProps {
+    className?: string;
+}
+declare const _default: ({ className }: ApplicationCardProps) => JSX.Element | null;
 export default _default;
 //# sourceMappingURL=ApplicationCard.d.ts.map

package/dist/typings/src/About/ApplicationCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationCard.d.ts","sourceRoot":"","sources":["../../../../src/About/ApplicationCard.tsx"],"names":[],"mappings":";AAgBA,wBAiCE"}
+{"version":3,"file":"ApplicationCard.d.ts","sourceRoot":"","sources":["../../../../src/About/ApplicationCard.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,oBAAoB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;yBAEe,eAAe,oBAAoB;AAAnD,wBAoCE"}

package/dist/typings/src/About/DeviceCard.d.ts

@@ -1,3 +1,6 @@
-declare const _default: () => JSX.Element;
+export interface DeviceCardProps {
+    className?: string;
+}
+declare const _default: ({ className }: DeviceCardProps) => JSX.Element;
 export default _default;
 //# sourceMappingURL=DeviceCard.d.ts.map

package/dist/typings/src/About/DeviceCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceCard.d.ts","sourceRoot":"","sources":["../../../../src/About/DeviceCard.tsx"],"names":[],"mappings":";AAuBA,wBAiDE"}
+{"version":3,"file":"DeviceCard.d.ts","sourceRoot":"","sources":["../../../../src/About/DeviceCard.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,eAAe;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;yBAEe,eAAe,eAAe;AAA9C,wBAyDE"}

package/dist/typings/src/About/DocumentationCard.d.ts

@@ -1,6 +1,8 @@
 import { type ReactNode } from 'react';
-declare const _default: ({ documentationSections, }: {
-    documentationSections: ReactNode[];
-}) => JSX.Element;
+export interface DocumentationCardProps {
+    documentationSections: Array<ReactNode>;
+    className?: string;
+}
+declare const _default: ({ documentationSections, className, }: DocumentationCardProps) => JSX.Element;
 export default _default;
 //# sourceMappingURL=DocumentationCard.d.ts.map

package/dist/typings/src/About/DocumentationCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationCard.d.ts","sourceRoot":"","sources":["../../../../src/About/DocumentationCard.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;yBAI9B,4BAEb;IACC,qBAAqB,EAAE,SAAS,EAAE,CAAC;CACtC;AAJD,wBAUE"}
+{"version":3,"file":"DocumentationCard.d.ts","sourceRoot":"","sources":["../../../../src/About/DocumentationCard.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,sBAAsB;IACnC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;yBAEe,uCAGb,sBAAsB;AAHzB,wBAUE"}

package/dist/typings/src/About/SupportCard.d.ts

@@ -1,5 +1,7 @@
-declare const _default: ({ feedbackCategories }: {
-    feedbackCategories?: string[];
-}) => JSX.Element;
+export interface SupportCardProps {
+    feedbackCategories?: Array<string>;
+    className?: string;
+}
+declare const _default: ({ feedbackCategories, className }: SupportCardProps) => JSX.Element;
 export default _default;
 //# sourceMappingURL=SupportCard.d.ts.map

package/dist/typings/src/About/SupportCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportCard.d.ts","sourceRoot":"","sources":["../../../../src/About/SupportCard.tsx"],"names":[],"mappings":"yBAyBgB,wBAAwB;IAAE,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE;AAAzE,wBA8EE"}
+{"version":3,"file":"SupportCard.d.ts","sourceRoot":"","sources":["../../../../src/About/SupportCard.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,gBAAgB;IAC7B,kBAAkB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;yBAEe,mCAAmC,gBAAgB;AAAnE,wBAiFE"}

package/dist/typings/src/Button/Button.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
-export type ButtonVariants = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'link-button';
-export type ButtonSize = 'sm' | 'lg' | 'xl';
-type ButtonProps = {
-    id?: string;
+export type ButtonVariants = 'primary' | 'primary-outline' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'link-button';
+type ButtonSize = 'sm' | 'lg' | 'xl';
+type PickedButtonProps = 'ref' | 'key' | 'className' | 'disabled' | 'onClick' | 'title';
+interface ButtonProps extends Pick<React.ComponentPropsWithRef<'button'>, PickedButtonProps> {
     variant: ButtonVariants;
-    className?: string;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    title?: string;
     size?: ButtonSize;
-};
+}
 declare const Button: React.FC<ButtonProps>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/typings/src/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/Button/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,aAAa,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/Button/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GACpB,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,aAAa,CAAC;AAEpB,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,KAAK,iBAAiB,GAChB,KAAK,GACL,KAAK,GACL,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,CAAC;AAEd,UAAU,WACN,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IACtE,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/typings/src/Card/Card.d.ts

@@ -1,8 +1,26 @@
 import React from 'react';
-type NrfCardProps = {
-    children: React.ReactNode;
-    title: React.ReactNode;
-};
-declare const _default: ({ children, title }: NrfCardProps) => JSX.Element;
-export default _default;
+type PickedCardTitleProps = 'ref' | 'className';
+interface CardTitleProps extends Pick<React.ComponentPropsWithRef<'div'>, PickedCardTitleProps> {
+    cardTitle: React.ReactNode;
+    cardSubtitle?: React.ReactNode;
+    cardTitleClassName?: string;
+    cardSubtitleClassName?: string;
+}
+type CardTitleComponent = React.FC<CardTitleProps>;
+type PickedCardHeaderProps = 'ref' | 'className' | 'onPointerEnter' | 'onPointerLeave';
+type CardHeaderProps = Pick<React.ComponentPropsWithRef<'header'>, PickedCardHeaderProps>;
+interface CardHeaderComponent extends React.FC<CardHeaderProps> {
+    Title: CardTitleComponent;
+}
+type PickedCardBodyProps = 'ref' | 'className';
+type CardBodyProps = Pick<React.ComponentPropsWithRef<'div'>, PickedCardBodyProps>;
+type CardBodyComponent = React.FC<CardBodyProps>;
+type PickedCardProps = 'ref' | 'className';
+type CardProps = Pick<React.ComponentPropsWithRef<'article'>, PickedCardProps>;
+interface CardComponent extends React.FC<CardProps> {
+    Header: CardHeaderComponent;
+    Body: CardBodyComponent;
+}
+declare const Card: CardComponent;
+export default Card;
 //# sourceMappingURL=Card.d.ts.map

package/dist/typings/src/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,YAAY,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;yBAEc,qBAAqB,YAAY;AAAjD,wBASE"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,oBAAoB,GAAG,KAAK,GAAG,WAAW,CAAC;AAEhD,UAAU,cACN,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IACtE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAwBnD,KAAK,qBAAqB,GACpB,KAAK,GACL,WAAW,GACX,gBAAgB,GAChB,gBAAgB,CAAC;AAEvB,KAAK,eAAe,GAAG,IAAI,CACvB,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EACrC,qBAAqB,CACxB,CAAC;AAEF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC;IAC3D,KAAK,EAAE,kBAAkB,CAAC;CAC7B;AAgBD,KAAK,mBAAmB,GAAG,KAAK,GAAG,WAAW,CAAC;AAE/C,KAAK,aAAa,GAAG,IAAI,CACrB,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAClC,mBAAmB,CACtB,CAAC;AAEF,KAAK,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAQjD,KAAK,eAAe,GAAG,KAAK,GAAG,WAAW,CAAC;AAE3C,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC,CAAC;AAE/E,UAAU,aAAc,SAAQ,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC;IAC/C,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,iBAAiB,CAAC;CAC3B;AAED,QAAA,MAAM,IAAI,EAAE,aAUX,CAAC;AAKF,eAAe,IAAI,CAAC"}

package/dist/typings/src/Device/deviceInfo/deviceInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deviceInfo.d.ts","sourceRoot":"","sources":["../../../../../src/Device/deviceInfo/deviceInfo.ts"],"names":[],"mappings":"AA+BA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAa9D,KAAK,MAAM,GAAG,aAAa,GAAG,aAAa,CAAC;AAE5C,UAAU,UAAU;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,OAAO,EAAE;QACL,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAySD,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,UAC2B,CAAC;AASxE,eAAO,MAAM,mBAAmB,GAC5B,QAAQ,MAAM,EACd;;CAA+B,WAOlC,CAAC"}
+{"version":3,"file":"deviceInfo.d.ts","sourceRoot":"","sources":["../../../../../src/Device/deviceInfo/deviceInfo.ts"],"names":[],"mappings":"AA+BA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAa9D,KAAK,MAAM,GAAG,aAAa,GAAG,aAAa,CAAC;AAE5C,UAAU,UAAU;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,OAAO,EAAE;QACL,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAoTD,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,UAC2B,CAAC;AASxE,eAAO,MAAM,mBAAmB,GAC5B,QAAQ,MAAM,EACd;;CAA+B,WAOlC,CAAC"}

package/dist/typings/src/utils/packageJson.d.ts

@@ -14,7 +14,7 @@ export declare const isLauncher: (packageJson?: {
     nrfConnectForDesktop: {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;
@@ -43,7 +43,7 @@ export declare const packageJsonApp: () => {
     nrfConnectForDesktop: {
         nrfutilCore: string;
         html: string;
-        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10201")[]] | undefined;
+        supportedDevices?: ["PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201", ...("PCA10028" | "PCA10031" | "PCA10040" | "PCA10056" | "PCA10059" | "PCA10090" | "PCA10095" | "PCA10100" | "PCA10121" | "PCA20020" | "PCA20053" | "PCA20035" | "PCA10143" | "PCA10152" | "PCA10153" | "PCA10165" | "PCA20049" | "PCA10171" | "PCA10156" | "PCA10175" | "PCA10184" | "PCA10188" | "PCA10214" | "PCA10201")[]] | undefined;
         nrfutil?: Record<string, [string]> | undefined;
         fixedSize?: {
             width: number;

package/ipc/device.ts

@@ -27,6 +27,7 @@ export const knownDevicePcas = [
     'PCA10175',
     'PCA10184',
     'PCA10188',
+    'PCA10214',
     'PCA10201',
 ] as const;
 

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@nordicsemiconductor/pc-nrfconnect-shared",
-    "version": "244.0.0",
+    "version": "246.0.0",
     "description": "Shared commodities for developing pc-nrfconnect-* packages",
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/NordicSemiconductor/pc-nrfconnect-shared.git"
+        "url": "git+https://github.com/nordicsemi/pc-nrfconnect-shared.git"
     },
     "author": "Nordic Semiconductor ASA",
     "license": "SEE LICENSE IN LICENSE",
@@ -112,7 +112,7 @@
         "serialport": "^12.0.0",
         "shasum": "1.0.2",
         "systeminformation": "^5.25.11",
-        "tailwindcss": "3.3.2",
+        "tailwindcss": "3.4.14",
         "tree-kill-promise": "^3.0.14",
         "tsx": "^4.20.3",
         "typescript": "^5.9.2",

package/release_notes.md

@@ -1,4 +1,3 @@
 ### Changed
 
-- Major upgrade of `esbuild` and `esbuild-sass-plugin` which brings along Sass
-  updates and deprecations.
+- Aligned Card component styles with old implementation.

package/scripts/nordic-publish.ts

@@ -263,7 +263,7 @@ class ArtifactoryClient extends Client {
             });
 
             console.warn(
-                '\nGo to https://github.com/NordicSemiconductor/pc-nrfconnect-shared/actions/workflows/zap-cache.yml, run the workflow and paste this string as the list of paths to zap them manually:',
+                '\nGo to https://github.com/nordicsemi/pc-nrfconnect-shared/actions/workflows/zap-cache.yml, run the workflow and paste this string as the list of paths to zap them manually:',
             );
             console.warn('  ', this.filesWhereCacheZappingFailed.join(', '));
         }

package/src/About/About.tsx

@@ -11,22 +11,24 @@ import DeviceCard from './DeviceCard';
 import DocumentationCard from './DocumentationCard';
 import SupportCard from './SupportCard';
 
-import './about.scss';
-
-interface AboutPaneProps {
+export interface AboutPaneProps {
     documentation?: ReactNode[];
     feedbackCategories?: string[];
 }
 
 export default ({ documentation, feedbackCategories }: AboutPaneProps) => (
-    <div className="about">
-        <div className="about-inner">
-            <ApplicationCard />
-            <DeviceCard />
-            {documentation && documentation.length && (
-                <DocumentationCard documentationSections={documentation} />
-            )}
-            <SupportCard feedbackCategories={feedbackCategories} />
-        </div>
-    </div>
+    <section className="tw-preflight tw-flex tw-flex-row tw-flex-wrap tw-justify-center tw-gap-4 tw-pb-4">
+        <ApplicationCard className="tw-max-w-80 tw-flex-1 tw-basis-60" />
+        <DeviceCard className="tw-max-w-80 tw-flex-1 tw-basis-60" />
+        {documentation && documentation.length && (
+            <DocumentationCard
+                documentationSections={documentation}
+                className="tw-max-w-80 tw-flex-1 tw-basis-60"
+            />
+        )}
+        <SupportCard
+            feedbackCategories={feedbackCategories}
+            className="tw-max-w-80 tw-flex-1 tw-basis-60"
+        />
+    </section>
 );

package/src/About/ApplicationCard.tsx

@@ -14,7 +14,11 @@ import AboutButton from './AboutButton';
 import Section from './Section';
 import ShortcutButton from './ShortcutButton';
 
-export default () => {
+export interface ApplicationCardProps {
+    className?: string;
+}
+
+export default ({ className }: ApplicationCardProps) => {
     const [appInfo, setAppInfo] = useState<AppDetailsFromLauncher>();
 
     useEffect(() => {
@@ -24,8 +28,11 @@ export default () => {
     if (appInfo == null) return null;
 
     return (
-        <Card title="Application">
-            <div className="tw-preflight tw-flex tw-select-text tw-flex-col tw-flex-wrap tw-gap-4">
+        <Card className={className}>
+            <Card.Header className="tw-text-center tw-text-base">
+                <Card.Header.Title cardTitle="Application" />
+            </Card.Header>
+            <Card.Body className="tw-select-text tw-gap-4">
                 <Section title="Title">{appInfo.displayName}</Section>
                 <Section title="Purpose">{appInfo.description}</Section>
                 <Section title="Version">{appInfo.currentVersion}</Section>
@@ -44,7 +51,7 @@ export default () => {
                     <FactoryResetButton label="Restore defaults..." />
                     <ShortcutButton label="Show shortcuts" />
                 </Section>
-            </div>
+            </Card.Body>
         </Card>
     );
 };

package/src/About/DeviceCard.tsx

@@ -21,14 +21,23 @@ const memorySize = (memoryInBytes: number) => {
     return `${memoryInBytes / 1024}KiB`;
 };
 
-export default () => {
+export interface DeviceCardProps {
+    className?: string;
+}
+
+export default ({ className }: DeviceCardProps) => {
     const device = useSelector(selectedDevice);
     const info = useSelector(selectedDeviceInfo);
 
     if (device == null) {
         return (
-            <Card title="Device">
-                <Section title="No device selected" />
+            <Card className={className}>
+                <Card.Header className="tw-text-center tw-text-base">
+                    <Card.Header.Title cardTitle="Device" />
+                </Card.Header>
+                <Card.Body>
+                    <Section title="No device selected" />
+                </Card.Body>
             </Card>
         );
     }
@@ -37,8 +46,11 @@ export default () => {
     const { name, cores, website } = deviceInfo(device);
 
     return (
-        <Card title="Device">
-            <div className="tw-preflight tw-flex tw-flex-col tw-flex-wrap tw-gap-4">
+        <Card className={className}>
+            <Card.Header className="tw-text-center tw-text-base">
+                <Card.Header.Title cardTitle="Device" />
+            </Card.Header>
+            <Card.Body className="tw-gap-4">
                 <Section title="Name">{name || 'Unknown'}</Section>
                 <Section title="ID">{device.serialNumber}</Section>
                 <Section title="PCA">{pca || 'Unknown'}</Section>
@@ -67,7 +79,7 @@ export default () => {
                         label="Go to product page"
                     />
                 </Section>
-            </div>
+            </Card.Body>
         </Card>
     );
 };

package/src/About/DocumentationCard.tsx

@@ -8,14 +8,19 @@ import React, { type ReactNode } from 'react';
 
 import Card from '../Card/Card';
 
+export interface DocumentationCardProps {
+    documentationSections: Array<ReactNode>;
+    className?: string;
+}
+
 export default ({
     documentationSections,
-}: {
-    documentationSections: ReactNode[];
-}) => (
-    <Card title="Documentation">
-        <div className="tw-flex tw-flex-col tw-flex-wrap tw-gap-4">
-            {documentationSections}
-        </div>
+    className,
+}: DocumentationCardProps) => (
+    <Card className={className}>
+        <Card.Header className="tw-text-center tw-text-base">
+            <Card.Header.Title cardTitle="Documentation" />
+        </Card.Header>
+        <Card.Body className="tw-gap-4">{documentationSections}</Card.Body>
     </Card>
 );

package/src/About/SupportCard.tsx

@@ -23,7 +23,12 @@ import AboutButton from './AboutButton';
 import Feedback from './Feedback';
 import Section from './Section';
 
-export default ({ feedbackCategories }: { feedbackCategories?: string[] }) => {
+export interface SupportCardProps {
+    feedbackCategories?: Array<string>;
+    className?: string;
+}
+
+export default ({ feedbackCategories, className }: SupportCardProps) => {
     const dispatch = useDispatch();
     const devices = useSelector(getDevices);
     const currentSerialNumber = useSelector(selectedSerialNumber);
@@ -31,8 +36,11 @@ export default ({ feedbackCategories }: { feedbackCategories?: string[] }) => {
     const currentDevice = useSelector(selectedDevice);
 
     return (
-        <Card title="Support">
-            <div className="tw-preflight tw-flex tw-flex-col tw-flex-wrap tw-gap-4">
+        <Card className={className}>
+            <Card.Header className="tw-text-center tw-text-base">
+                <Card.Header.Title cardTitle="Support" />
+            </Card.Header>
+            <Card.Body className="tw-gap-4">
                 <Section title="DevZone">
                     <p>
                         You can ask for help or open a support request on
@@ -98,7 +106,7 @@ export default ({ feedbackCategories }: { feedbackCategories?: string[] }) => {
                         </Button>
                     </Section>
                 </Section>
-            </div>
+            </Card.Body>
         </Card>
     );
 };

package/src/Button/Button.tsx

@@ -10,6 +10,7 @@ import classNames from '../utils/classNames';
 
 export type ButtonVariants =
     | 'primary'
+    | 'primary-outline'
     | 'secondary'
     | 'success'
     | 'info'
@@ -17,31 +18,31 @@ export type ButtonVariants =
     | 'danger'
     | 'link-button';
 
-export type ButtonSize = 'sm' | 'lg' | 'xl';
+type ButtonSize = 'sm' | 'lg' | 'xl';
 
-type ButtonProps = {
-    id?: string;
+type PickedButtonProps =
+    | 'ref'
+    | 'key'
+    | 'className'
+    | 'disabled'
+    | 'onClick'
+    | 'title';
+
+interface ButtonProps
+    extends Pick<React.ComponentPropsWithRef<'button'>, PickedButtonProps> {
     variant: ButtonVariants;
-    className?: string;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    title?: string;
     size?: ButtonSize;
-};
+}
 
 const Button: React.FC<ButtonProps> = ({
     children,
-    id,
     className,
     variant,
-    onClick,
-    disabled = false,
-    title,
     size = 'sm',
+    ...attrs
 }) => (
     <button
         type="button"
-        id={id}
         className={`${classNames(
             'tw-preflight',
             size === 'sm' && 'tw-h-6 tw-px-2 tw-text-xs',
@@ -49,6 +50,8 @@ const Button: React.FC<ButtonProps> = ({
             size === 'xl' && 'tw-h-8 tw-px-4 tw-text-base',
             variant === 'primary' &&
                 'tw-border tw-border-transparent tw-bg-nordicBlue tw-text-white active:enabled:tw-bg-nordicBlue-700',
+            variant === 'primary-outline' &&
+                'tw-border tw-border-nordicBlue tw-bg-white tw-text-nordicBlue active:enabled:tw-bg-nordicBlue-50',
             variant === 'secondary' &&
                 'tw-border tw-border-gray-700 tw-bg-white tw-text-gray-700 active:enabled:tw-bg-gray-50',
             variant === 'success' &&
@@ -63,9 +66,7 @@ const Button: React.FC<ButtonProps> = ({
                 'tw-border tw-border-nordicBlue tw-bg-white tw-text-nordicBlue active:enabled:tw-bg-gray-50',
             className,
         )}`}
-        disabled={disabled}
-        onClick={onClick}
-        title={title}
+        {...attrs}
     >
         {children}
     </button>