Skip to main content

Migration Guide

Migrating to 0.2.0 (from 0.1.x)​

1. Update useMultinaireResponsiveDesign usage​

// Before
const { DEVICE_WIDTH, DEVICE_HEIGHT, containerWrapper, MODAL_MAX_WIDTH } =
  useMultinaireResponsiveDesign();

// After
const { width, height, getContainerProps, maxWidths } =
  useMultinaireResponsiveDesign();
// Use maxWidths.modal instead of MODAL_MAX_WIDTH
// Use maxWidths.content instead of MAX_WIDTH

2. Update getMarginProps imports​

// Before
import { getMargingProps } from '@multinaire/multinaire-design';

// After
import { getMarginProps } from '@multinaire/multinaire-design';

3. Remove Oxygen font references​

If you were using the Oxygen font family, switch to OpenSans or DancingScript.

4. Review visual changes​

The following changes may affect existing layouts:

  • TopTab and BottomTab padding: Padding has been adjusted for better visual consistency. Review your tab layouts to ensure they still look correct.
  • Modal behaviour: Modal open/close animations have been enhanced. Test your modals to verify the new behavior works with your use case.
  • System bars and headers: Improved status bar and header management may affect apps with custom header implementations.