feat: add outlineOffset property (#360)

styled-components · Apr 14, 2022 · 4dac9a3 · 4dac9a3
1 parent 1fd72c6
commit 4dac9a3
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/system/src/styles/borders.ts b/packages/system/src/styles/borders.ts
@@ -291,6 +291,13 @@ export const outlineStyle = style<OutlineStyleProps>({
   themeGet: getBorderStyle,
 })
 
+export interface OutlineOffsetProps<T extends ITheme = Theme> {
+  outlineOffset?: SystemProp<ThemeBorderWidth<T> | CSS.Property.OutlineOffset, T>
+}
+export const outlineOffset = style<OutlineOffsetProps>({
+  prop: 'outlineOffset',
+})
+
 // Radius
 
 export type ThemeRadius<T extends ITheme = Theme> = ThemeNamespaceValue<
@@ -477,6 +484,7 @@ export interface BordersProps<T extends ITheme = Theme>
     OutlineColorProps<T>,
     OutlineWidthProps<T>,
     OutlineStyleProps<T>,
+    OutlineOffsetProps<T>,
     DivideXProps<T>,
     DivideYProps<T>,
     DivideXReverseProps<T>,
@@ -512,6 +520,7 @@ export const borders = compose<BordersProps>(
   outlineColor,
   outlineWidth,
   outlineStyle,
+  outlineOffset,
   divideX,
   divideY,
   divideXReverse,