Fix wide alignY

seek-oss · Sep 9, 2024 · a0dc844 · a0dc844
1 parent ddf9721
commit a0dc844
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/braid-design-system/src/lib/utils/collapsibleAlignmentProps.ts b/packages/braid-design-system/src/lib/utils/collapsibleAlignmentProps.ts
@@ -76,15 +76,15 @@ export function resolveCollapsibleAlignmentProps({
     mobile: alignMobile = 'flexStart',
     tablet: alignTablet = alignMobile,
     desktop: alignDesktop = alignTablet,
-    wide: alignWide = alignTablet,
+    wide: alignWide = alignDesktop,
   } = normalizedAlign;
 
   // COLLAPSED HORIZONTAL ALIGNMENT
   const collapsedAlignItems = [
     collapseMobile && alignMobile === 'flexStart' ? 'stretch' : alignMobile,
     collapseTablet && alignTablet === 'flexStart' ? 'stretch' : alignTablet,
     collapseDesktop && alignDesktop === 'flexStart' ? 'stretch' : alignDesktop,
-    alignYWide,
+    // wide doesnt collapse, no check needed here
   ] as const;
 
   return {
@@ -96,7 +96,7 @@ export function resolveCollapsibleAlignmentProps({
       flexDirection: optimizeResponsiveArray(flexDirection),
       justifyContent: align
         ? optimizeResponsiveArray([
-            alignMobile,
+            alignMobile, // mobile doesnt reverse, no check needed here
             reverse ? invertAlignment(alignTablet) : alignTablet,
             reverse ? invertAlignment(alignDesktop) : alignDesktop,
             reverse ? invertAlignment(alignWide) : alignWide,
@@ -107,7 +107,7 @@ export function resolveCollapsibleAlignmentProps({
             collapseMobile ? collapsedAlignItems[0] : alignYMobile,
             collapseTablet ? collapsedAlignItems[1] : alignYTablet,
             collapseDesktop ? collapsedAlignItems[2] : alignYDesktop,
-            collapsedAlignItems[3],
+            alignYWide, // wide doesnt collapse, no check needed here
           ])
         : nonCollapsedAlignItems,
     },