@webority/theme 0.52.0 → 0.52.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.52.0",
+  "version": "0.52.1",
   "description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
   "license": "SEE LICENSE IN LICENSE",
   "publishConfig": {

package/scss/wui/_utilities.scss

@@ -516,11 +516,15 @@
     color: var(--color-text-subtle);
     --pw-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='8.25'/%3E%3C/svg%3E");
 }
-// Met: the bright success fill — a filled circle with a knocked-out check. The rule text takes the
-// same fill rather than --color-success-text, a deliberate choice for the brighter look; it sits
-// under AA text contrast on a white card.
+// Met: a filled circle with a knocked-out check in the bright success fill. The mark is a graphic
+// (3:1 is enough), but the rule text needs AA, which the bright fill misses on a white card
+// (2.76:1), so the text takes the success text ink (lifted for dark surfaces) and the mark keeps the
+// fill on its own.
+.pw-criteria .pw-rule.met .pw-mark {
+    background-color: var(--wui-success-active);
+}
 .pw-criteria .pw-rule.met {
-    color: var(--wui-success-active);
+    color: var(--color-success-text);
     --pw-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm4.03-11.28a.9.9 0 0 0-1.32-1.22l-4.02 4.35-1.4-1.5a.9.9 0 1 0-1.32 1.22l2.06 2.22a.9.9 0 0 0 1.32 0l4.68-5.07Z' clip-rule='evenodd'/%3E%3C/svg%3E");
 }
 // requirementsPlacement="inline": the same checklist, but in the field under the input and always