refactor(system): add support for overflow "overlay" value (#420)

styled-components · May 8, 2024 · 168adcf · 168adcf
1 parent d213d97
commit 168adcf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/system/src/styles/layout.ts b/packages/system/src/styles/layout.ts
@@ -56,21 +56,21 @@ export const container = createStyleGenerator<ContainerProps>({
 })
 
 export interface OverflowProps<T extends ITheme = Theme> {
-  overflow?: SystemProp<CSS.Property.Overflow, T>
+  overflow?: SystemProp<CSS.Property.Overflow | 'overlay', T>
 }
 export const overflow = style<OverflowProps>({
   prop: 'overflow',
 })
 
 export interface OverflowXProps<T extends ITheme = Theme> {
-  overflowX?: SystemProp<CSS.Property.OverflowX, T>
+  overflowX?: SystemProp<CSS.Property.OverflowX | 'overlay', T>
 }
 export const overflowX = style<OverflowXProps>({
   prop: 'overflowX',
 })
 
 export interface OverflowYProps<T extends ITheme = Theme> {
-  overflowY?: SystemProp<CSS.Property.OverflowY, T>
+  overflowY?: SystemProp<CSS.Property.OverflowY | 'overlay', T>
 }
 export const overflowY = style<OverflowYProps>({
   prop: 'overflowY',