@thalassic/themes 22.14.2 → 22.14.3
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
CHANGED
|
@@ -78,6 +78,15 @@
|
|
|
78
78
|
transition: color var(--motion-fast),
|
|
79
79
|
background-color var(--motion-fast);
|
|
80
80
|
|
|
81
|
+
// The header is a tablist: it resolves the clicked step from
|
|
82
|
+
// `event.target` and ignores any target that is not an `HTMLElement`,
|
|
83
|
+
// so a click landing on an SVG child (a consumer-supplied step icon)
|
|
84
|
+
// never selects the step. Making SVG content transparent to pointer
|
|
85
|
+
// events keeps the control itself the target.
|
|
86
|
+
svg {
|
|
87
|
+
pointer-events: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
81
90
|
&__index {
|
|
82
91
|
width: var(--tls-stepper-index-size);
|
|
83
92
|
height: var(--tls-stepper-index-size);
|
|
@@ -87,6 +87,16 @@
|
|
|
87
87
|
|
|
88
88
|
transition: background-color var(--motion-fast);
|
|
89
89
|
|
|
90
|
+
// The tablist resolves the clicked tab from `event.target` and ignores
|
|
91
|
+
// any target that is not an `HTMLElement`, so a click landing on an SVG
|
|
92
|
+
// child (an icon rendered into the tab label) never selects the tab.
|
|
93
|
+
// Making SVG content transparent to pointer events keeps the control
|
|
94
|
+
// itself the target. Targeted by element name deliberately: the content
|
|
95
|
+
// is consumer-provided, so no class is available to hook.
|
|
96
|
+
svg {
|
|
97
|
+
pointer-events: none;
|
|
98
|
+
}
|
|
99
|
+
|
|
90
100
|
// Focus is distinct from selection here: the strip is a roving-tabindex
|
|
91
101
|
// widget, so arrowing moves focus onto tabs that are not selected and
|
|
92
102
|
// the active-indicator color alone cannot stand in for a focus
|