@webority/theme 0.8.7 → 0.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/webority-theme.css +1 -1
- package/package.json +1 -1
- package/scss/wui/_media.scss +4 -1
- package/scss/wui/_shell.scss +8 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/theme",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.8",
|
|
4
4
|
"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.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
package/scss/wui/_media.scss
CHANGED
|
@@ -512,7 +512,10 @@
|
|
|
512
512
|
}
|
|
513
513
|
.attach-item-remove:hover {
|
|
514
514
|
border-color: var(--color-danger);
|
|
515
|
-
|
|
515
|
+
// The glyph is graphical (icon-only button, 3:1) so the brand hue would technically pass
|
|
516
|
+
// at 3.36:1 — but "tint background ⇒ -text foreground" is worth keeping exceptionless, so
|
|
517
|
+
// check-contrast can enforce it by inspection instead of case-by-case judgement.
|
|
518
|
+
color: var(--color-danger-text);
|
|
516
519
|
background: var(--color-danger-soft);
|
|
517
520
|
}
|
|
518
521
|
|
package/scss/wui/_shell.scss
CHANGED
|
@@ -421,18 +421,22 @@
|
|
|
421
421
|
}
|
|
422
422
|
|
|
423
423
|
// ── Badge tones ──────────────────────────────────────────────────────────────
|
|
424
|
-
// A nav badge can carry a status tone so an alert count reads red, not neutral.
|
|
424
|
+
// A nav badge can carry a status tone so an alert count reads red, not neutral. The COUNT is
|
|
425
|
+
// text on a tint, so it takes the -text token, not the brand fill hue: the base hues are sized
|
|
426
|
+
// for fills and icons (3:1) and every one of them missed the 4.5:1 text floor against its own
|
|
427
|
+
// tint — danger 3.36:1, info 3.23:1, success 2.09:1, warning 1.77:1 (amber on cream, all but
|
|
428
|
+
// illegible). The a11y sweep never saw these because the catalogue renders no toned nav badge.
|
|
425
429
|
.app-nav-badge.tone-danger {
|
|
426
430
|
background: var(--color-danger-soft);
|
|
427
|
-
color: var(--color-danger);
|
|
431
|
+
color: var(--color-danger-text);
|
|
428
432
|
}
|
|
429
433
|
.app-nav-badge.tone-success {
|
|
430
434
|
background: var(--color-success-soft);
|
|
431
|
-
color: var(--color-success);
|
|
435
|
+
color: var(--color-success-text);
|
|
432
436
|
}
|
|
433
437
|
.app-nav-badge.tone-warning {
|
|
434
438
|
background: var(--color-warning-soft);
|
|
435
|
-
color: var(--color-warning);
|
|
439
|
+
color: var(--color-warning-text);
|
|
436
440
|
}
|
|
437
441
|
// The existing `.app-nav-item.active .app-nav-badge` inverts a tinted badge on an
|
|
438
442
|
// active row (higher specificity), so an active row's badge stays legible.
|