@nswds/app 1.122.0 → 1.123.0

package/dist/index.cjs

@@ -15147,7 +15147,7 @@ function resolveBackgroundToken(themeCategory, primaryKey, accentKey, preferredT
 function getContrastRatio(backgroundHex, foregroundHex) {
   return culori__namespace.wcagContrast(backgroundHex, foregroundHex) ?? 0;
 }
-function getContrastLevel(contrastRatio) {
+function getContrastComplianceSummary(contrastRatio) {
   if (contrastRatio >= AAA_NORMAL_CONTRAST_RATIO) {
     return "Passes AA large, AA normal, AAA large, and AAA normal";
   }
@@ -15287,12 +15287,12 @@ function getRecommendedCandidate(themeCategory, background, primaryFamily, accen
   }
   return null;
 }
-function getAccessibleForegroundOptions(themeCategory, background, primaryFamily, accentFamily) {
+function getForegroundOptionsMeetingAaLarge(themeCategory, background, primaryFamily, accentFamily) {
   return scoreForegroundCandidates(themeCategory, background, primaryFamily, accentFamily).filter((candidate) => candidate.contrastRatio >= AA_LARGE_CONTRAST_RATIO).sort((left, right) => right.contrastRatio - left.contrastRatio);
 }
 function getPreviewAnnouncement(background, foreground) {
   if (!foreground) {
-    return `${background.token} selected. No accessible foreground options meeting 3 to 1 are available.`;
+    return `${background.token} selected. No foreground options meeting AA large (3 to 1) are available.`;
   }
   return `${background.token} paired with ${foreground.token}. Contrast ratio ${foreground.contrastRatio.toFixed(2)} to 1.`;
 }
@@ -15350,7 +15350,7 @@ function getInitialPairingState(searchParams) {
   const backgroundShade = [...primaryFamily.shades, ...accentFamily.shades, ...greyFamily.shades].find(
     (shade) => shade.token === selectedBackgroundToken
   ) ?? getShadeForTone(primaryFamily, DEFAULT_BACKGROUND_TONE);
-  const selectedForegroundId = getAccessibleForegroundOptions(
+  const selectedForegroundId = getForegroundOptionsMeetingAaLarge(
     themeCategory,
     backgroundShade,
     primaryFamily,
@@ -15567,7 +15567,7 @@ function ForegroundOption({
           " ",
           candidate.contrastRatio.toFixed(2),
           " to 1, ",
-          getForegroundOptionBadge(candidate).label
+          badge.label
         ] })
       ]
     }
@@ -15610,7 +15610,12 @@ function ColorPairingToolContent({ visibleFormats }) {
     [backgroundShadeOptions, selectedBackgroundToken]
   );
   const accessibleForegroundOptions = React5.useMemo(
-    () => getAccessibleForegroundOptions(themeCategory, backgroundShade, primaryFamily, accentFamily),
+    () => getForegroundOptionsMeetingAaLarge(
+      themeCategory,
+      backgroundShade,
+      primaryFamily,
+      accentFamily
+    ),
     [accentFamily, backgroundShade, primaryFamily, themeCategory]
   );
   const recommendedForeground = React5.useMemo(
@@ -15747,7 +15752,7 @@ function ColorPairingToolContent({ visibleFormats }) {
         `format: ${getColorFormatLabel(resolvedCopyFormat)}`,
         `foreground: ${previewForeground.token} (${getColorValue(previewForeground, resolvedCopyFormat)})`,
         `background: ${backgroundShade.token} (${getColorValue(backgroundShade, resolvedCopyFormat)})`,
-        `contrast: ${previewForeground.contrastRatio.toFixed(2)}:1 ${getContrastLevel(previewForeground.contrastRatio)}`
+        `contrast: ${previewForeground.contrastRatio.toFixed(2)}:1 ${getContrastComplianceSummary(previewForeground.contrastRatio)}`
       ].join("\n")
     );
     setCopiedKey("pairing");
@@ -16124,7 +16129,7 @@ function ColorPairingToolContent({ visibleFormats }) {
             onClick: () => handleForegroundChange(candidate.id)
           },
           candidate.id
-        )) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-3 text-sm text-grey-600", children: "No accessible foreground options meeting 3:1 are available for this background." }) })
+        )) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-3 text-sm text-grey-600", children: "No foreground options meeting AA large (3:1) are available for this background." }) })
       ] })
     ] })
   ] }) });
@@ -19025,7 +19030,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.121.2"};
+  version: "1.122.0"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";