chore: update zag-js/dialog to match other components. fix: update sn…

…apshots
mgallagher56 · Sep 24, 2023 · 5cd9e20 · 5cd9e20
1 parent c09fd17
commit 5cd9e20
Show file tree

Hide file tree

Showing 8 changed files with 41 additions and 86 deletions.
diff --git a/app/components/core/tabs/__snapshots__/FLPTab.test.tsx.snap b/app/components/core/tabs/__snapshots__/FLPTab.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`FLPTab > renders correctly 1`] = `
 <div>
   <div
-    class="chakra-tabs css-0"
+    class="chakra-tabs css-79elbk"
   >
     <button
       aria-selected="true"

diff --git a/app/components/core/tabs/__snapshots__/FLPTabList.test.tsx.snap b/app/components/core/tabs/__snapshots__/FLPTabList.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`FLPTabList > renders correctly 1`] = `
 <div>
   <div
-    class="chakra-tabs css-0"
+    class="chakra-tabs css-79elbk"
   >
     <div
       aria-orientation="horizontal"

diff --git a/app/components/core/tabs/__snapshots__/FLPTabPanel.test.tsx.snap b/app/components/core/tabs/__snapshots__/FLPTabPanel.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`FLPTabPanel > renders correctly 1`] = `
 <div>
   <div
-    class="chakra-tabs css-0"
+    class="chakra-tabs css-79elbk"
   >
     <div>
       <div>

diff --git a/app/components/core/tabs/__snapshots__/FLPTabPanels.test.tsx.snap b/app/components/core/tabs/__snapshots__/FLPTabPanels.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`FLPTabList > renders correctly 1`] = `
 <div>
   <div
-    class="chakra-tabs css-0"
+    class="chakra-tabs css-79elbk"
   >
     <div
       class="chakra-tabs__tab-panels css-8atqhb"

diff --git a/app/components/core/tabs/__snapshots__/FLPTabs.test.tsx.snap b/app/components/core/tabs/__snapshots__/FLPTabs.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`FLPTabs > renders correctly 1`] = `
 <div>
   <div
-    class="chakra-tabs css-0"
+    class="chakra-tabs css-79elbk"
   >
     <div>
       Tab 1

diff --git a/app/containers/__snapshots__/TabsContainer.test.tsx.snap b/app/containers/__snapshots__/TabsContainer.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`TabsContainer > renders correctly 1`] = `
 <div>
   <div
-    class="chakra-tabs css-0"
+    class="chakra-tabs css-79elbk"
     data-orientation="horizontal"
     data-part="root"
     data-scope="tabs"
@@ -16,6 +16,7 @@ exports[`TabsContainer > renders correctly 1`] = `
       data-orientation="horizontal"
       data-part="list"
       data-scope="tabs"
+      dir="ltr"
       id="tabs::r0::list"
       role="tablist"
     >
@@ -29,6 +30,7 @@ exports[`TabsContainer > renders correctly 1`] = `
         data-scope="tabs"
         data-selected=""
         data-value="tab1"
+        dir="ltr"
         id="tabs::r0::trigger-tab1"
         role="tab"
         tabindex="0"
@@ -50,6 +52,7 @@ exports[`TabsContainer > renders correctly 1`] = `
         data-part="trigger"
         data-scope="tabs"
         data-value="tab2"
+        dir="ltr"
         id="tabs::r0::trigger-tab2"
         role="tab"
         tabindex="1"
@@ -71,6 +74,7 @@ exports[`TabsContainer > renders correctly 1`] = `
         data-part="trigger"
         data-scope="tabs"
         data-value="tab3"
+        dir="ltr"
         id="tabs::r0::trigger-tab3"
         role="tab"
         tabindex="2"
@@ -96,10 +100,12 @@ exports[`TabsContainer > renders correctly 1`] = `
     >
       <div
         aria-labelledby="tabs::r0::trigger-tab1"
+        data-orientation="horizontal"
         data-ownedby="tabs::r0::list"
         data-part="content"
         data-scope="tabs"
         data-selected=""
+        dir="ltr"
         id="tabs::r0::content-tab1"
         role="tabpanel"
         tabindex="0"
@@ -110,9 +116,11 @@ exports[`TabsContainer > renders correctly 1`] = `
       </div>
       <div
         aria-labelledby="tabs::r0::trigger-tab2"
+        data-orientation="horizontal"
         data-ownedby="tabs::r0::list"
         data-part="content"
         data-scope="tabs"
+        dir="ltr"
         hidden=""
         id="tabs::r0::content-tab2"
         role="tabpanel"
@@ -124,9 +132,11 @@ exports[`TabsContainer > renders correctly 1`] = `
       </div>
       <div
         aria-labelledby="tabs::r0::trigger-tab3"
+        data-orientation="horizontal"
         data-ownedby="tabs::r0::list"
         data-part="content"
         data-scope="tabs"
+        dir="ltr"
         hidden=""
         id="tabs::r0::content-tab3"
         role="tabpanel"

diff --git a/package.json b/package.json
@@ -77,7 +77,7 @@
     "@remix-run/testing": "1.19.3",
     "@supabase/auth-helpers-remix": "0.2.2",
     "@supabase/supabase-js": "2.36.0",
-    "@zag-js/dialog": "0.16.0",
+    "@zag-js/dialog": "0.21.0",
     "@zag-js/editable": "0.21.0",
     "@zag-js/pressable": "0.21.0",
     "@zag-js/react": "0.21.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml