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

…apshots
mgallagher56 · Sep 24, 2023 · eaef10c · eaef10c
1 parent f095b86
commit eaef10c
Show file tree

Hide file tree

Showing 50 changed files with 383 additions and 425 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
diff --git a/styled-system/css/conditions.js b/styled-system/css/conditions.js
@@ -1,6 +1,6 @@
 import { withoutSpace } from '../helpers.js';
 
-const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,base"
+const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,base"
 const conditions = new Set(conditionsStr.split(','))
 
 export function isCondition(value){

diff --git a/styled-system/css/css.d.ts b/styled-system/css/css.d.ts
@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject } from '../types'
+import type { SystemStyleObject } from '../types/index';
 
 interface CssFunction {
-  (...styles: SystemStyleObject[]): string
-  raw: (styles: SystemStyleObject) => SystemStyleObject
+  (...styles: Array<SystemStyleObject | undefined | null | false>): string
+  raw: (...styles: Array<SystemStyleObject | undefined | null | false>) => SystemStyleObject
 }
 
 export declare const css: CssFunction;
diff --git a/styled-system/css/css.js b/styled-system/css/css.js
diff --git a/styled-system/css/cva.d.ts b/styled-system/css/cva.d.ts
@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { RecipeCreatorFn } from '../types/recipe'
+import type { RecipeCreatorFn } from '../types/recipe';
 
 export declare const cva: RecipeCreatorFn
 
-export type { RecipeVariantProps } from '../types/recipe'
+export type { RecipeVariantProps } from '../types/recipe';
diff --git a/styled-system/css/cva.js b/styled-system/css/cva.js
@@ -57,7 +57,7 @@ export function getCompoundVariantCss(compoundVariants, variantMap) {
 }
 
 export function assertCompoundVariant(name, compoundVariants, variants, prop) {
-  if (compoundVariants.length > 0 && typeof variants[prop] === 'object') {
+  if (compoundVariants.length > 0 && typeof variants?.[prop] === 'object') {
     throw new Error(`[recipe:${name}:${prop}] Conditions are not supported when using compound variants.`)
   }
 }
diff --git a/styled-system/css/index.d.ts b/styled-system/css/index.d.ts
@@ -1,5 +1,5 @@
 /* eslint-disable */
-export * from './css'
-export * from './cx'
-export * from './cva'
-export * from './sva'
+export * from './css';
+export * from './cx';
+export * from './cva';
+export * from './sva';