fix(sx): support Primer colors for border*Color properties (#3619)

* fix(sx): support Primer colors for `border*Color` properties * build: add changeset
primer · Aug 15, 2023 · d4ae582 · d4ae582
1 parent b26be06
commit d4ae582
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/angry-boats-wash.md b/.changeset/angry-boats-wash.md
@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Include `border*Color` properties in sx to support named Primer colors
+
+<!-- Changed components: _none_ -->
diff --git a/src/sx.ts b/src/sx.ts
@@ -1,10 +1,12 @@
 import css, {SystemCssProperties, SystemStyleObject} from '@styled-system/css'
 import {ThemeColorPaths, ThemeShadowPaths} from './theme'
-import {ColorProps, ShadowProps} from 'styled-system'
+import {ColorProps, BorderColorProps, ShadowProps} from 'styled-system'
 import merge from 'deepmerge'
 
 export type BetterCssProperties = {
   [K in keyof SystemCssProperties]: K extends keyof ColorProps
+    ? ThemeColorPaths | SystemCssProperties[K]
+    : K extends keyof BorderColorProps
     ? ThemeColorPaths | SystemCssProperties[K]
     : K extends keyof ShadowProps
     ? ThemeShadowPaths | SystemCssProperties[K]