rearrange borderWidth and borderStyle

styled-system · Mar 21, 2019 · c52e292 · c52e292
1 parent d43d3ac
commit c52e292
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -469,12 +469,12 @@ export const borderRadius = style({
 
 export const borders = compose(
   border,
-  borderStyle,
-  borderWidth,
   borderTop,
   borderRight,
   borderBottom,
   borderLeft,
+  borderWidth,
+  borderStyle,
   borderColor,
   borderRadius
 )

diff --git a/test/styles.js b/test/styles.js
@@ -326,6 +326,16 @@ test('colors prop returns theme.colorStyles object', t => {
 })
 
 test('borders prop returns correct sequence', t => {
-  const a = borders({ borderBottom: '1px solid', borderColor: 'red' })
-  t.deepEqual(a, [{ borderBottom: '1px solid' }, { borderColor: 'red' }])
+  const a = borders({
+    borderBottom: '1px solid',
+    borderWidth: '2px',
+    borderStyle: 'dashed',
+    borderColor: 'red',
+  })
+  t.deepEqual(a, [
+    { borderBottom: '1px solid' },
+    { borderWidth: '2px' },
+    { borderStyle: 'dashed' },
+    { borderColor: 'red' },
+  ])
 })