Merge pull request #2472 from jhbell/develop

Add accentColor to css properties
system-ui · Jan 5, 2024 · b55b6b5 · b55b6b5
2 parents fae894d + a797834
commit b55b6b5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/packages/css/src/index.ts b/packages/css/src/index.ts
@@ -112,6 +112,7 @@ export const multiples = {
 export const scales = {
   color: 'colors',
   background: 'colors',
+  accentColor: 'colors',
   backgroundColor: 'colors',
   borderColor: 'colors',
   caretColor: 'colors',

diff --git a/packages/css/test/index.ts b/packages/css/test/index.ts
@@ -577,16 +577,18 @@ test('flexBasis uses theme.sizes', () => {
   })
 })
 
-test('fill and stroke and caretColor use theme.colors', () => {
+test('fill, stroke, caretColor, and accentColor use theme.colors', () => {
   const style = css({
     fill: 'primary',
     stroke: 'secondary',
     caretColor: 'primary',
+    accentColor: 'secondary',
   })(theme)
   expect(style).toEqual({
     fill: 'tomato',
     stroke: 'cyan',
     caretColor: 'tomato',
+    accentColor: 'cyan',
   })
 })
 

diff --git a/packages/docs/src/pages/sx-prop.mdx b/packages/docs/src/pages/sx-prop.mdx
@@ -60,6 +60,7 @@ available.
 | `letterSpacing`           | `letterSpacings` |
 | `color`                   | `colors`         |
 | `bg`, `backgroundColor`   | `colors`         |
+| `accentColor`             | `colors`         |
 | `borderColor`             | `colors`         |
 | `caretColor`              | `colors`         |
 | `outlineColor`            | `colors`         |