@connectid-tools/idp-selector-react 6.11.0-alpha.3 → 6.11.0-alpha.5

package/Popup.css

@@ -427,3 +427,14 @@
     margin-top: 12px;
   }
 }
+
+/* On Windows high contrast the popup bg is black and the close and chevron icons are not visible */
+@media (forced-colors: active) {
+  .cid-idp-selector-popup-close > svg {
+    fill: white;
+  }
+
+  .cid-idp-selector-popup-claims-toggle {
+    fill: white;
+  }
+}

package/Popup.js

@@ -119,14 +119,15 @@ export const Popup = ({ onProceed, onCancel, onError, claims, requiredClaims, sh
         }
     });
     const renderClaimList = () => {
+        if (!claims || claims.length === 0) {
+            return (_jsx("ul", { id: "cid-idp-selector-popup-claims", className: `cid-idp-selector-popup-claims ${showClaims ? "cid-idp-selector-popup-claims--visible" : ""}`, "data-testid": "claims", children: _jsxs("li", { className: "cid-idp-selector-popup-claim", "data-testid": "claim-authentication", children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#BEEDD2" }), _jsx("path", { d: "M4.81445 8.14121L6.95437 10.2811L11.472 5.76465", stroke: "#262626", strokeWidth: "1.7", strokeLinecap: "round" })] }), "Authentication"] }) }));
+        }
         return (_jsx("ul", { id: "cid-idp-selector-popup-claims", className: `cid-idp-selector-popup-claims ${showClaims ? "cid-idp-selector-popup-claims--visible" : ""}`, "data-testid": "claims", children: sortClaims(claims).map((claim) => (_jsxs("li", { className: "cid-idp-selector-popup-claim", "data-testid": `claim-${claim}`, children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#BEEDD2" }), _jsx("path", { d: "M4.81445 8.14121L6.95437 10.2811L11.472 5.76465", stroke: "#262626", strokeWidth: "1.7", strokeLinecap: "round" })] }), claimsDescription[claim]] }, claim))) }));
     };
     const renderClaimsTitle = () => {
         return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "cid-idp-selector-popup-subtitle", children: "Details requested" }), _jsx("svg", { className: `cid-idp-selector-popup-claims-toggle ${showClaims ? "cid-idp-selector-popup-claims-toggle--open" : ""}`, xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", children: _jsx("path", { d: "M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" }) })] }));
     };
     const renderClaims = () => {
-        if (!claims)
-            return null;
         if (isMobile) {
             return (_jsxs("div", { className: "cid-idp-selector-popup-claims-button-wrapper", children: [_jsx("button", { className: "cid-idp-selector-popup-claims-button", onClick: () => setShowClaims(!showClaims), "aria-expanded": showClaims, "aria-controls": "cid-idp-selector-popup-claims", "data-testid": "claims-button", children: renderClaimsTitle() }), renderClaimList()] }));
         }

package/README.md

@@ -259,6 +259,12 @@ The SVG image below the ConnectID button has either option dark or light mode. B
 
 ## 🚀 Release Notes
 
+### 6.11.0-alpha.5 (Aug 5, 2025)
+- Handle Windows high contrast (HCM).
+
+### 6.11.0-alpha.4 (Aug 1, 2025)
+- Handle no claims (authentication).
+
 ### 6.11.0-alpha.3 (Jul 29, 2025)
 - Replace participant `role="img"` with `role="button"`.
 - Fix popup tabbing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectid-tools/idp-selector-react",
-  "version": "6.11.0-alpha.3",
+  "version": "6.11.0-alpha.5",
   "description": "React component for IDP Selector.",
   "main": "index.js",
   "type": "module",
@@ -26,7 +26,7 @@
   "homepage": "https://github.com/connectid-tools/idp-selector-react",
   "devDependencies": {
     "@babel/preset-typescript": "^7.27.1",
-    "@types/node": "^22.16.5",
+    "@types/node": "^22.17.0",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "cypress": "^14.5.3",
@@ -37,7 +37,7 @@
     "replace-in-file": "^8.3.0",
     "ts-add-js-extension": "^1.6.6",
     "tsx": "^4.20.3",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   },
   "dependencies": {
     "detectincognitojs": "^1.6.0",