chore(dial): adds focus-visible

jenndiaz · pfulton · commit 942be55435cd · 2023-10-13T12:18:51.000-04:00
diff --git a/components/dial/index.css b/components/dial/index.css
@@ -188,6 +188,7 @@ governing permissions and limitations under the License.
 
   &:active,
   &:focus-visible,
+  &:focus-within,
   &.is-dragged {
     border-width: var(--mod-dial-handle-border-size, var(--spectrum-dial-handle-border-size));
     cursor: ns-resize;
@@ -201,7 +202,8 @@ governing permissions and limitations under the License.
     }
   }
 
-  &:focus-visible {
+  &:focus-visible,
+  &:focus-within {
     background-color: var(--highcontrast-dial-handle-marker-color-mouse-focus, var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus)));
     border-color: var(--highcontrast-dial-handle-marker-color-mouse-focus, var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus)));
 

Original file line number	Diff line number	Diff line change
`@@ -188,6 +188,7 @@ governing permissions and limitations under the License.`
`188`	`188`
`189`	`189`	`&:active,`
`190`	`190`	`&:focus-visible,`
	`191`	`+ &:focus-within,`
`191`	`192`	`&.is-dragged {`
`192`	`193`	`border-width: var(--mod-dial-handle-border-size, var(--spectrum-dial-handle-border-size));`
`193`	`194`	`cursor: ns-resize;`
`@@ -201,7 +202,8 @@ governing permissions and limitations under the License.`
`201`	`202`	`}`
`202`	`203`	`}`
`203`	`204`
`204`		`- &:focus-visible {`
	`205`	`+ &:focus-visible,`
	`206`	`+ &:focus-within {`
`205`	`207`	`background-color: var(--highcontrast-dial-handle-marker-color-mouse-focus, var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus)));`
`206`	`208`	`border-color: var(--highcontrast-dial-handle-marker-color-mouse-focus, var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus)));`
`207`	`209`