@microbit/ui 0.1.0-alpha.11 → 0.1.0-alpha.12
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/package.json +1 -1
- package/src/ButtonGroup.tsx +6 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@microbit/ui",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.12",
|
|
4
4
|
"description": "micro:bit design-system primitives: react-aria-components + Panda CSS with a design language ported from Chakra UI v2. Ships as source; see README for the consumption setup.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
package/src/ButtonGroup.tsx
CHANGED
|
@@ -32,9 +32,12 @@ export const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(
|
|
|
32
32
|
display: "inline-flex",
|
|
33
33
|
alignItems: "center",
|
|
34
34
|
// Buttons are position: relative, so without this an attached
|
|
35
|
-
// sibling paints over the focused button's focus-ring shadow
|
|
36
|
-
//
|
|
37
|
-
|
|
35
|
+
// sibling paints over the focused button's focus-ring shadow.
|
|
36
|
+
// Chakra raised on :focus, but with the attached -1px overlap a
|
|
37
|
+
// raised button also paints over a seam its neighbour draws
|
|
38
|
+
// (e.g. a solid split button's white borderLeft), so raise only
|
|
39
|
+
// when the ring is actually shown.
|
|
40
|
+
"& > *": { _focusVisible: { zIndex: 1 } },
|
|
38
41
|
}),
|
|
39
42
|
isAttached
|
|
40
43
|
? css({
|