css: add outlineColor theme scale

damnjan · Sep 17, 2019 · 3aeed32 · 3aeed32
1 parent 9562996
commit 3aeed32
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git 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
@@ -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'
+  })
+})