Skip to content

Commit 89a54ff

Browse files
committed
Update hover styles for ActionList item
1 parent a84a149 commit 89a54ff

File tree

2 files changed

+9
-0
lines changed

2 files changed

+9
-0
lines changed

src/ActionList/Item.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,7 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
125125
':hover:not([aria-disabled])': {
126126
backgroundColor: `actionListItem.${variant}.hoverBg`,
127127
color: getVariantStyles(variant, disabled).hoverColor,
128+
boxShadow: `inset 0 0 0 max(1px, 0.0625rem) ${theme?.colors.border.muted}` ,
128129
},
129130
'&:focus-visible, > a:focus-visible': {
130131
outline: 'none',

src/NavList/__snapshots__/NavList.test.tsx.snap

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -248,6 +248,7 @@ exports[`NavList renders a simple list 1`] = `
248248
.c2:hover:not([aria-disabled]) {
249249
background-color: rgba(208,215,222,0.32);
250250
color: #1F2328;
251+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
251252
}
252253
253254
.c2:focus-visible,
@@ -273,6 +274,7 @@ exports[`NavList renders a simple list 1`] = `
273274
.c6:hover:not([aria-disabled]) {
274275
background-color: rgba(208,215,222,0.32);
275276
color: #1F2328;
277+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
276278
}
277279
278280
.c6:focus-visible,
@@ -658,6 +660,7 @@ exports[`NavList renders with groups 1`] = `
658660
.c6:hover:not([aria-disabled]) {
659661
background-color: rgba(208,215,222,0.32);
660662
color: #1F2328;
663+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
661664
}
662665
663666
.c6:focus-visible,
@@ -683,6 +686,7 @@ exports[`NavList renders with groups 1`] = `
683686
.c10:hover:not([aria-disabled]) {
684687
background-color: rgba(208,215,222,0.32);
685688
color: #1F2328;
689+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
686690
}
687691
688692
.c10:focus-visible,
@@ -1145,6 +1149,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
11451149
.c10:hover:not([aria-disabled]) {
11461150
background-color: rgba(208,215,222,0.32);
11471151
color: #1F2328;
1152+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
11481153
}
11491154
11501155
.c10:focus-visible,
@@ -1170,6 +1175,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
11701175
.c3:hover:not([aria-disabled]) {
11711176
background-color: rgba(208,215,222,0.32);
11721177
color: #1F2328;
1178+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
11731179
}
11741180
11751181
.c3:focus-visible,
@@ -1627,6 +1633,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
16271633
.c10:hover:not([aria-disabled]) {
16281634
background-color: rgba(208,215,222,0.32);
16291635
color: #1F2328;
1636+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
16301637
}
16311638
16321639
.c10:focus-visible,
@@ -1652,6 +1659,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
16521659
.c3:hover:not([aria-disabled]) {
16531660
background-color: rgba(208,215,222,0.32);
16541661
color: #1F2328;
1662+
box-shadow: inset 0 0 0 max(1px,0.0625rem) hsla(210,18%,87%,1);
16551663
}
16561664
16571665
.c3:focus-visible,

0 commit comments

Comments
 (0)