make display responsive

utilitywarehouse · Aug 25, 2023 · d342c1d · d342c1d
1 parent 3256ba3
commit d342c1d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/short-doors-report.md b/.changeset/short-doors-report.md
@@ -0,0 +1,5 @@
+---
+'@utilitywarehouse/web-ui': patch
+---
+
+Make Flex display responsive
diff --git a/packages/web-ui/src/Flex/Flex.tsx b/packages/web-ui/src/Flex/Flex.tsx
@@ -1,12 +1,12 @@
-import { BoxProps as MuiBoxProps, createBox } from '@mui/system';
+import { BoxProps as MuiBoxProps, createBox, ResponsiveStyleValue } from '@mui/system';
 import { PropsWithChildren } from 'react';
 import { theme, type Theme } from '../theme';
 import { globalPrefix } from '../utils';
 
 const displayName = 'Flex';
 
 export interface FlexProps extends Omit<MuiBoxProps, 'display'> {
-  display?: 'flex' | 'inline-flex';
+  display?: ResponsiveStyleValue<'none' | 'flex' | 'inline-flex'>;
   direction?: MuiBoxProps['flexDirection'];
   align?: MuiBoxProps['alignItems'];
   justify?: MuiBoxProps['justifyContent'];