@nordicsemiconductor/pc-nrfconnect-shared 238.0.0 → 240.0.0

package/.eslintrc.js

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2023 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+
+module.exports = require('./config/eslintrc');

package/Changelog.md

@@ -7,6 +7,28 @@ 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.
 
+## 240.0.0 - 2025-12-02
+
+### Changed
+
+- Duplicate Tailwind classes and surrounding whitespaces are now removed.
+
+### Fixed
+
+- Checking the order of Tailwind classes was not done anymore.
+
+## 239.0.0 - 2025-11-12
+
+### Added
+
+- Link to the nRF54LM20 DK product page.
+
+### Changed
+
+- The width of buttons with the variants `primary`, `success`, `info`,
+  `warning`, and `danger` is slightly increased to match the width of the
+  variant `secondary`.
+
 ## 238.0.0 - 2025-11-12
 
 ### Fixed

package/config/prettier.config.js

@@ -5,6 +5,7 @@
  */
 
 module.exports = {
+    plugins: ['prettier-plugin-tailwindcss'],
     singleQuote: true,
     tabWidth: 4,
     arrowParens: 'avoid',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nordicsemiconductor/pc-nrfconnect-shared",
-    "version": "238.0.0",
+    "version": "240.0.0",
     "description": "Shared commodities for developing pc-nrfconnect-* packages",
     "repository": {
         "type": "git",
@@ -94,7 +94,7 @@
         "postcss": "8.4.24",
         "postcss-modules": "^6.0.0",
         "prettier": "^3.6.2",
-        "prettier-plugin-tailwindcss": "^0.3.0",
+        "prettier-plugin-tailwindcss": "^0.7.2",
         "prettysize": "2.0.0",
         "protobufjs": "^7.0.0",
         "react": "18.2.0",
@@ -129,8 +129,5 @@
         "@commander-js/extra-typings": "^10.0.3"
     },
     "typings": "./typings/generated/src/index.d.ts",
-    "eslintConfig": {
-        "extends": "./config/eslintrc"
-    },
     "prettier": "./config/prettier.config.js"
 }

package/release_notes.md

@@ -1,9 +1,7 @@
-### Fixed
+### Changed
 
-- A typo in `Group` props.
+- Duplicate Tailwind classes and surrounding whitespaces are now removed.
 
-### Steps to upgrade when using this package
+### Fixed
 
-- Rename prop `collapseStatePersistanceId` to `collapseStatePersistenceId`
-  everywhere it is used. Running the type check will highlight remaining
-  occurrences. No data migration is needed; only the prop name changed.
+- Checking the order of Tailwind classes was not done anymore.

package/src/Button/Button.tsx

@@ -48,17 +48,17 @@ const Button: React.FC<ButtonProps> = ({
             size === 'lg' && 'tw-h-8 tw-px-4 tw-text-sm',
             size === 'xl' && 'tw-h-8 tw-px-4 tw-text-base',
             variant === 'primary' &&
-                'tw-bg-nordicBlue tw-text-white active:enabled:tw-bg-nordicBlue-700',
+                'tw-border tw-border-transparent tw-bg-nordicBlue tw-text-white active:enabled:tw-bg-nordicBlue-700',
             variant === 'secondary' &&
-                'tw-border tw-border-gray-700 tw-bg-white tw-text-gray-700  active:enabled:tw-bg-gray-50',
+                'tw-border tw-border-gray-700 tw-bg-white tw-text-gray-700 active:enabled:tw-bg-gray-50',
             variant === 'success' &&
-                'tw-bg-green tw-text-white  active:enabled:tw-bg-green-700',
+                'tw-border tw-border-transparent tw-bg-green tw-text-white active:enabled:tw-bg-green-700',
             variant === 'info' &&
-                'tw-bg-nordicBlue tw-text-white active:enabled:tw-bg-nordicBlue-700',
+                'tw-border tw-border-transparent tw-bg-nordicBlue tw-text-white active:enabled:tw-bg-nordicBlue-700',
             variant === 'warning' &&
-                'tw-bg-orange tw-text-white active:enabled:tw-bg-orange-700',
+                'tw-border tw-border-transparent tw-bg-orange tw-text-white active:enabled:tw-bg-orange-700',
             variant === 'danger' &&
-                'tw-bg-red tw-text-white active:enabled:tw-bg-red-700',
+                'tw-border tw-border-transparent tw-bg-red tw-text-white active:enabled:tw-bg-red-700',
             variant === 'link-button' &&
                 'tw-border tw-border-nordicBlue tw-bg-white tw-text-nordicBlue active:enabled:tw-bg-gray-50',
             className,

package/src/Device/DeviceSelector/DeviceList/Device.tsx

@@ -23,7 +23,7 @@ const ShowMoreInfo = ({
 }) => (
     <PseudoButton
         className={classNames(
-            isVisible ? 'tw-visible' : 'tw-invisible  group-hover:tw-visible',
+            isVisible ? 'tw-visible' : 'tw-invisible group-hover:tw-visible',
             `mdi mdi-chevron-${isVisible ? 'up' : 'down'}`,
         )}
         testId="show-more-device-info"

package/src/Device/DeviceSelector/DeviceList/MoreDeviceInfo.tsx

@@ -11,8 +11,8 @@ import { displayedDeviceName } from '../../deviceInfo/deviceInfo';
 import { Device } from '../../deviceSlice';
 
 const Row = ({ children }: { children: ReactNode }) => (
-    <div className=" tw-flex tw-flex-row tw-pr-5">
-        <div className=" tw-w-[68px]" />
+    <div className="tw-flex tw-flex-row tw-pr-5">
+        <div className="tw-w-[68px]" />
         {children}
     </div>
 );

package/src/Device/deviceInfo/deviceInfo.ts

@@ -276,8 +276,10 @@ const devicesByPca: { [P in KnownDevicePCA]: DeviceInfo } = {
         cores: 1,
         icon: nrf54logo,
         website: {
-            productPage: '',
-            buyOnline: '',
+            productPage:
+                'https://www.nordicsemi.com/Products/Development-hardware/nRF54LM20-DK',
+            buyOnline:
+                'https://www.nordicsemi.com/About-us/BuyOnline?search_token=nRF54LM20%20DK',
         },
     },
     PCA10188: {

package/src/Dropdown/Dropdown.tsx

@@ -125,7 +125,7 @@ export default <T,>({
                     <button
                         type="button"
                         className={classNames(
-                            'tw-bg-transparent tw-clear-both tw-block tw-h-6 tw-w-full tw-whitespace-nowrap tw-border-0 tw-px-2 tw-py-1 tw-text-left tw-font-normal tw-text-white hover:tw-bg-gray-600 focus:tw-bg-gray-600',
+                            'tw-clear-both tw-block tw-h-6 tw-w-full tw-whitespace-nowrap tw-border-0 tw-bg-transparent tw-px-2 tw-py-1 tw-text-left tw-font-normal tw-text-white hover:tw-bg-gray-600 focus:tw-bg-gray-600',
                             size === 'sm' && 'tw-text-2xs',
                         )}
                         key={JSON.stringify(item.value)}

package/src/FlashMessage/FlashMessage.tsx

@@ -75,7 +75,7 @@ const SingleFlashMessage = ({
     return (
         <div
             ref={divRef}
-            className={`tw-flex tw-w-full tw-flex-col tw-justify-between tw-p-4  tw-text-white ${classNames(
+            className={`tw-flex tw-w-full tw-flex-col tw-justify-between tw-p-4 tw-text-white ${classNames(
                 variant === 'error' && 'tw-bg-red',
                 variant === 'success' && 'tw-bg-green',
                 variant === 'info' && 'tw-bg-nordicBlue',

package/src/Group/Group.tsx

@@ -119,9 +119,9 @@ export const Group = ({
         <div className={className}>
             <button
                 className={classNames(
-                    'tw-row tw-preflight tw- tw-flex tw-items-center tw-justify-between tw-text-left',
+                    'tw-preflight tw-flex tw-flex-row tw-items-center tw-justify-between tw-text-left',
                     headingFullWidth && 'tw-w-full',
-                    !collapsible && ' tw-cursor-default',
+                    !collapsible && 'tw-cursor-default',
                 )}
                 type="button"
                 onClick={() => {

package/src/InlineInput/NumberInputWithDropdown.tsx

@@ -122,7 +122,7 @@ export default ({
                 {items.map(item => (
                     <button
                         type="button"
-                        className="tw-bg-transparent tw-clear-both tw-block tw-h-6 tw-w-full tw-whitespace-nowrap tw-border-0 tw-px-2 tw-py-1 tw-text-left tw-font-normal tw-text-white hover:tw-bg-gray-600 focus:tw-bg-gray-600"
+                        className="tw-clear-both tw-block tw-h-6 tw-w-full tw-whitespace-nowrap tw-border-0 tw-bg-transparent tw-px-2 tw-py-1 tw-text-left tw-font-normal tw-text-white hover:tw-bg-gray-600 focus:tw-bg-gray-600"
                         key={item.value}
                         onClick={() => onClickItem(item)}
                     >

package/src/utils/colors.scss

@@ -15,6 +15,7 @@
 
     white: $white;
     black: $black;
+    transparent: $transparent;
 
     primary: $primary;
     primaryDarkened: $primary-darkened;

package/src/utils/colors.ts

@@ -8,8 +8,11 @@
 export const colors = {
     blueSlate: '#0033a0',
     blueSlateLighter: '#7c98d3',
+
     white: 'white',
     black: 'black',
+    transparent: 'transparent',
+
     primary: '#00a9ce',
     primaryDarkened: '#0098b9',
     secondary: 'white',

package/styles.scss

@@ -11,6 +11,7 @@ $blue-slate: #0033a0;
 
 $white: white;
 $black: black;
+$transparent: transparent;
 
 $primary: $nordic-blue;
 $primary-darkened: color.scale($nordic-blue, $lightness: -10%);

package/typings/generated/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,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,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;AAqSD,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,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,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;AAuSD,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,UAC2B,CAAC;AASxE,eAAO,MAAM,mBAAmB,GAC5B,QAAQ,MAAM,EACd;;CAA+B,WAOlC,CAAC"}

package/typings/generated/src/utils/colors.d.ts

@@ -3,6 +3,7 @@ export declare const colors: {
     blueSlateLighter: string;
     white: string;
     black: string;
+    transparent: string;
     primary: string;
     primaryDarkened: string;
     secondary: string;

package/typings/generated/src/utils/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKlB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKlB,CAAC"}