@agentiffai/design 1.3.6 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -485,10 +485,10 @@ var Container = styled9.nav`
485
485
  border-top: 1px solid ${tokens.colors.border.subtle};
486
486
  /* Add vertical padding to prevent content overlap */
487
487
  padding-top: 4px;
488
- /* Use safe-area-inset-bottom for Android navigation buttons.
489
- The env() value will be 0 on devices without soft nav buttons.
490
- Fallback to 0 if env() is not supported. */
491
- padding-bottom: env(safe-area-inset-bottom, 0px);
488
+ /* Use --safe-area-bottom CSS variable for Android navigation buttons.
489
+ Android WebView doesn't support env(), so we use CSS custom properties
490
+ injected by the native app. Fallback to 0 if not set. */
491
+ padding-bottom: var(--safe-area-bottom, 0px);
492
492
  z-index: ${tokens.zIndex.sticky};
493
493
 
494
494
  /* Dark theme support */
@@ -563,6 +563,8 @@ var Container2 = styled9.nav`
563
563
  overflow-y: auto;
564
564
  overflow-x: hidden;
565
565
  scrollbar-width: none; /* Firefox */
566
+ /* Use CSS custom property for coordinated animations with MainPane */
567
+ transition: transform var(--layout-transition-duration, 0.3s) var(--layout-transition-easing, ease-out);
566
568
 
567
569
  /* Hide scrollbar for Chrome, Safari and Opera */
568
570
  &::-webkit-scrollbar {
@@ -830,6 +832,8 @@ var BackgroundPane = styled9.div`
830
832
  overflow: auto;
831
833
  scrollbar-gutter: stable; /* Reserve space for scrollbar to prevent layout shift */
832
834
  z-index: ${tokens.zIndex.base}; /* Lower than MainPane */
835
+ /* Use CSS custom property for coordinated animations with NavVertical */
836
+ transition: transform var(--layout-transition-duration, 0.3s) var(--layout-transition-easing, ease-out);
833
837
 
834
838
  /* Custom scrollbar styling */
835
839
  &::-webkit-scrollbar {
@@ -869,6 +873,8 @@ var MainPane = styled9.main`
869
873
  overflow: auto;
870
874
  scrollbar-gutter: stable; /* Reserve space for scrollbar to prevent layout shift */
871
875
  z-index: ${tokens.zIndex.base + 1}; /* Higher than BackgroundPane */
876
+ /* Use CSS custom property for coordinated animations with NavVertical */
877
+ transition: transform var(--layout-transition-duration, 0.3s) var(--layout-transition-easing, ease-out);
872
878
 
873
879
  /* Custom scrollbar styling */
874
880
  &::-webkit-scrollbar {