From 3aeed32267f462f35e7c94ce305ca3449ec0add6 Mon Sep 17 00:00:00 2001
From: Damnjan Lukovic <damnjandev@gmail.com>
Date: Tue, 17 Sep 2019 23:45:17 +0200
Subject: [PATCH] css: add outlineColor theme scale

---
 packages/css/src/index.js  | 1 +
 packages/css/test/index.js | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/packages/css/src/index.js b/packages/css/src/index.js
index 11f95d131..32b407007 100644
--- a/packages/css/src/index.js
+++ b/packages/css/src/index.js
@@ -101,6 +101,7 @@ const scales = {
   borderRightWidth: 'borderWidths',
   borderRightColor: 'colors',
   borderRightStyle: 'borderStyles',
+  outlineColor: 'colors',
   boxShadow: 'shadows',
   textShadow: 'shadows',
   zIndex: 'zIndices',
diff --git a/packages/css/test/index.js b/packages/css/test/index.js
index 388903453..7386a3155 100644
--- a/packages/css/test/index.js
+++ b/packages/css/test/index.js
@@ -397,3 +397,12 @@ test('multiples are transformed', () => {
     height: 16,
   })
 })
+
+test('returns outline color from theme', () => {
+  const result = css({
+    outlineColor: 'primary',
+  })(theme)
+  expect(result).toEqual({
+    outlineColor: 'tomato'
+  })
+})