Merge pull request #1667 from system-ui/text-decoration-color

Add text-decoration-color to scales
system-ui · Apr 27, 2021 · 6208db0 · 6208db0 · vercel · Apr 27, 2021
2 parents f46dd3e + fa10744
commit 6208db0
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
@@ -116,6 +116,7 @@ export const scales = {
   borderColor: 'colors',
   caretColor: 'colors',
   columnRuleColor: 'colors',
+  textDecorationColor: 'colors',
   opacity: 'opacities',
   transition: 'transitions',
   margin: 'space',

diff --git a/packages/css/test/index.ts b/packages/css/test/index.ts
@@ -187,6 +187,7 @@ test('handles all core styled system props', () => {
     scrollMarginY: 6,
     scrollPadding: 1,
     scrollPaddingY: 2,
+    textDecorationColor: 'secondary',
     fontSize: 3,
     fontWeight: 'bold',
     color: 'primary',
@@ -213,6 +214,7 @@ test('handles all core styled system props', () => {
     scrollPadding: 4,
     scrollPaddingTop: 8,
     scrollPaddingBottom: 8,
+    textDecorationColor: 'cyan',
     color: 'tomato',
     backgroundColor: 'cyan',
     opacity: '50%',
@@ -746,4 +748,4 @@ test('borderTopWidth accepts number', () => {
   })).toEqual({
     borderTopWidth: '20px',
   })
-})
+})
diff --git a/packages/docs/src/pages/sx-prop.mdx b/packages/docs/src/pages/sx-prop.mdx
@@ -57,6 +57,7 @@ The following CSS properties will use values defined in the theme, when availabl
 | `caretColor`              | `colors`         |
 | `columnRuleColor`         | `colors`         |
 | `outlineColor`            | `colors`         |
+| `textDecorationColor`     | `colors`         |
 | `opacity`                 | `opacities`      |
 | `transition`              | `transitions`    |
 | `m`, `margin`             | `space`          |