@livx.cc/bare-v3 0.1.0-alpha.131 → 0.1.0-alpha.132
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/manifest.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.1.0-alpha.
|
|
2
|
+
"version": "0.1.0-alpha.132",
|
|
3
3
|
"cssSha256": "e2b93c77818e20aaa2d051b5110f9975103b652a654cf8fb8447fcfb895fd79d",
|
|
4
4
|
"classes": [
|
|
5
5
|
"b3-accordion",
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
"classes": [
|
|
317
317
|
"b3-filter-labels"
|
|
318
318
|
],
|
|
319
|
-
"guidance": "A quiet row of filters over a list (All/Web/Terminal, tags): each option is a plain coloured text label, never a pill or a filled chip. Author native buttons inside div.b3-filter-labels; a single choice is role=radiogroup with aria-label and role=radio buttons carrying aria-checked, independent toggles use aria-pressed. The row scrolls sideways instead of wrapping. Muted at rest, accent and bold when chosen; keyboard focus underlines the label. Use b3-segmented when the choice should look like a control rather than text.",
|
|
319
|
+
"guidance": "A quiet row of filters over a list (All/Web/Terminal, tags): each option is a plain coloured text label, never a pill or a filled chip. Author native buttons inside div.b3-filter-labels; a single choice is role=radiogroup with aria-label and role=radio buttons carrying aria-checked, independent toggles use aria-pressed. The row scrolls sideways instead of wrapping. Muted at rest, accent and bold when chosen; keyboard focus underlines the label. Keep the activated filter button mounted when selection changes. If rebuilding the group is unavoidable, capture whether that button owned focus, then query and focus its connected replacement after rendering; focusing the old event target silently loses focus. Use b3-segmented when the choice should look like a control rather than text.",
|
|
320
320
|
"example": "<div class=\"b3-filter-labels\" role=\"radiogroup\" aria-label=\"Type\"><button type=\"button\" role=\"radio\" aria-checked=\"true\">All</button><button type=\"button\" role=\"radio\" aria-checked=\"false\">Web</button><button type=\"button\" role=\"radio\" aria-checked=\"false\">Terminal</button></div>"
|
|
321
321
|
},
|
|
322
322
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Filter labels
|
|
2
2
|
|
|
3
|
-
A quiet row of filters over a list (All/Web/Terminal, tags): each option is a plain coloured text label, never a pill or a filled chip. Author native buttons inside div.b3-filter-labels; a single choice is role=radiogroup with aria-label and role=radio buttons carrying aria-checked, independent toggles use aria-pressed. The row scrolls sideways instead of wrapping. Muted at rest, accent and bold when chosen; keyboard focus underlines the label. Use b3-segmented when the choice should look like a control rather than text.
|
|
3
|
+
A quiet row of filters over a list (All/Web/Terminal, tags): each option is a plain coloured text label, never a pill or a filled chip. Author native buttons inside div.b3-filter-labels; a single choice is role=radiogroup with aria-label and role=radio buttons carrying aria-checked, independent toggles use aria-pressed. The row scrolls sideways instead of wrapping. Muted at rest, accent and bold when chosen; keyboard focus underlines the label. Keep the activated filter button mounted when selection changes. If rebuilding the group is unavoidable, capture whether that button owned focus, then query and focus its connected replacement after rendering; focusing the old event target silently loses focus. Use b3-segmented when the choice should look like a control rather than text.
|
|
4
4
|
|
|
5
5
|
Classes: b3-filter-labels
|
|
6
6
|
|