@webority/theme 0.55.0 → 0.56.0
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/_choice.scss +11 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.56.0",
|
|
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/_choice.scss
CHANGED
|
@@ -253,6 +253,17 @@
|
|
|
253
253
|
background: var(--color-surface);
|
|
254
254
|
border-color: var(--color-focus-border);
|
|
255
255
|
}
|
|
256
|
+
// Keyboard focus draws a ring, not just the 1px border change: a control that only recolours its
|
|
257
|
+
// border fails WCAG 2.4.7 / 2.4.11. A single-select button and a multi-select div hold focus
|
|
258
|
+
// themselves; the typing variants (autocomplete, tag input, allow-custom multi-select) keep it on
|
|
259
|
+
// an inner input, so the ring follows `:has(:focus-visible)`. --color-focus-border is the
|
|
260
|
+
// token documented to clear 3:1 in both themes.
|
|
261
|
+
.search-select-control:focus-visible,
|
|
262
|
+
.search-select-control:has(> .search-select-input:focus-visible),
|
|
263
|
+
.search-select-control:has(.ms-input:focus-visible) {
|
|
264
|
+
outline: 2px solid var(--color-focus-border);
|
|
265
|
+
outline-offset: 2px;
|
|
266
|
+
}
|
|
256
267
|
.search-select-caret {
|
|
257
268
|
flex-shrink: 0;
|
|
258
269
|
color: var(--color-text-muted);
|