🐛 Fix outline styles for Button/Select

gilbarbara · Jan 13, 2019 · 5278173 · 5278173
1 parent f4ca17f
commit 5278173
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/Button.jsx b/src/Button.jsx
@@ -2,7 +2,13 @@ import PropTypes from 'prop-types';
 import styled, { css } from 'styled-components';
 
 import { getColor, getStyles, getTheme, isDefined, px } from './utils/helpers';
-import { baseStyles, buttonPropTypes, sizesAllPropTypes, variantPropTypes } from './utils/system';
+import {
+  baseStyles,
+  buttonPropTypes,
+  outlines,
+  sizesAllPropTypes,
+  variantPropTypes,
+} from './utils/system';
 
 import Badge from './Badge';
 import Box, { basePropTypes } from './Box';
@@ -40,6 +46,7 @@ const Button = styled(Box)`
 
   &:focus {
     outline-color: ${getColor};
+    ${outlines}
   }
 
   ${Badge} {

diff --git a/src/Select.jsx b/src/Select.jsx
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import styled, { css } from 'styled-components';
 
 import { getDimmerColor, getTheme, isDefined, lighten, px } from './utils/helpers';
-import { formPseudo, sizesPropTypes } from './utils/system';
+import { formPseudo, outlines, sizesPropTypes } from './utils/system';
 
 import Box, { basePropTypes } from './Box';
 
@@ -99,6 +99,7 @@ Select.propTypes = {
   sizing: sizesPropTypes,
   valid: PropTypes.bool,
   ...basePropTypes,
+  ...outlines.propTypes,
 };
 
 Select.defaultProps = {