update snapshots

primer · Sep 16, 2024 · f28f75e · f28f75e
1 parent 3e45432
commit f28f75e
Show file tree

Hide file tree

Showing 2 changed files with 76 additions and 14 deletions.
diff --git a/packages/react/src/NavList/__snapshots__/NavList.test.tsx.snap b/packages/react/src/NavList/__snapshots__/NavList.test.tsx.snap
@@ -304,7 +304,8 @@ exports[`NavList renders a simple list 1`] = `
 @media (forced-colors:active) {
   .c2:focus,
   .c2:focus-visible,
-  .c2 > a.focus-visible {
+  .c2 > a.focus-visible,
+  .c2[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -333,7 +334,8 @@ exports[`NavList renders a simple list 1`] = `
 @media (forced-colors:active) {
   .c7:focus,
   .c7:focus-visible,
-  .c7 > a.focus-visible {
+  .c7 > a.focus-visible,
+  .c7[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -794,7 +796,8 @@ exports[`NavList renders with groups 1`] = `
 @media (forced-colors:active) {
   .c6:focus,
   .c6:focus-visible,
-  .c6 > a.focus-visible {
+  .c6 > a.focus-visible,
+  .c6[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -823,7 +826,8 @@ exports[`NavList renders with groups 1`] = `
 @media (forced-colors:active) {
   .c11:focus,
   .c11:focus-visible,
-  .c11 > a.focus-visible {
+  .c11 > a.focus-visible,
+  .c11[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -1313,7 +1317,8 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
 @media (forced-colors:active) {
   .c11:focus,
   .c11:focus-visible,
-  .c11 > a.focus-visible {
+  .c11 > a.focus-visible,
+  .c11[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -1342,7 +1347,8 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
 @media (forced-colors:active) {
   .c4:focus,
   .c4:focus-visible,
-  .c4 > a.focus-visible {
+  .c4 > a.focus-visible,
+  .c4[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -1837,7 +1843,8 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
 @media (forced-colors:active) {
   .c11:focus,
   .c11:focus-visible,
-  .c11 > a.focus-visible {
+  .c11 > a.focus-visible,
+  .c11[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -1874,7 +1881,8 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
 @media (forced-colors:active) {
   .c4:focus,
   .c4:focus-visible,
-  .c4 > a.focus-visible {
+  .c4 > a.focus-visible,
+  .c4[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }

diff --git a/packages/react/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
@@ -527,6 +527,14 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
 
 }
 
+@media (forced-colors:active) {
+
+}
+
+@media (forced-colors:active) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -812,10 +820,21 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
   --divider-color: transparent;
 }
 
+@media (forced-colors:active) {
+  .c6 {
+    border-width: 1px;
+  }
+}
+
+@media (forced-colors:active) {
+
+}
+
 @media (forced-colors:active) {
   .c3:focus,
   .c3:focus-visible,
-  .c3 > a.focus-visible {
+  .c3 > a.focus-visible,
+  .c3[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -1359,6 +1378,10 @@ exports[`snapshots renders a multiselect input 1`] = `
 
 }
 
+@media (forced-colors:active) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -1595,10 +1618,17 @@ exports[`snapshots renders a multiselect input 1`] = `
   border-radius: 6px;
 }
 
+@media (forced-colors:active) {
+  .c5 {
+    border-width: 1px;
+  }
+}
+
 @media (forced-colors:active) {
   .c3:focus,
   .c3:focus-visible,
-  .c3 > a.focus-visible {
+  .c3 > a.focus-visible,
+  .c3[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -2077,6 +2107,14 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
 
 }
 
+@media (forced-colors:active) {
+
+}
+
+@media (forced-colors:active) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -2456,10 +2494,23 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
   border-radius: 6px;
 }
 
+@media (forced-colors:active) {
+  .c5 {
+    border-width: 8px;
+  }
+}
+
+@media (forced-colors:active) {
+  .c9 {
+    border-width: 1px;
+  }
+}
+
 @media (forced-colors:active) {
   .c3:focus,
   .c3:focus-visible,
-  .c3 > a.focus-visible {
+  .c3 > a.focus-visible,
+  .c3[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -2488,7 +2539,8 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
 @media (forced-colors:active) {
   .c8:focus,
   .c8:focus-visible,
-  .c8 > a.focus-visible {
+  .c8 > a.focus-visible,
+  .c8[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -3168,7 +3220,8 @@ exports[`snapshots renders a single select input 1`] = `
 @media (forced-colors:active) {
   .c3:focus,
   .c3:focus-visible,
-  .c3 > a.focus-visible {
+  .c3 > a.focus-visible,
+  .c3[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }
@@ -3654,7 +3707,8 @@ exports[`snapshots renders with a custom text input component 1`] = `
 @media (forced-colors:active) {
   .c3:focus,
   .c3:focus-visible,
-  .c3 > a.focus-visible {
+  .c3 > a.focus-visible,
+  .c3[data-is-active-descendant] {
     outline: solid 1px transparent !important;
   }
 }