react-interface
Advanced tools
Comparing version 0.8.31 to 0.8.32
@@ -1,2 +0,2 @@ | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n'], ['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n']); | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n ', ';\n'], ['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n ', ';\n']); | ||
@@ -8,3 +8,3 @@ function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; } | ||
import styled from 'styled-components'; | ||
import { space, width } from 'styled-system'; | ||
import { space, width, color } from 'styled-system'; | ||
@@ -19,3 +19,3 @@ var Btn = styled.button(_templateObject, function (props) { | ||
return props.theme.sizes.fonts[props.size]; | ||
}, space, width); | ||
}, space, width, color); | ||
@@ -22,0 +22,0 @@ var Button = function Button(props) { |
@@ -5,3 +5,3 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n'], ['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n']); | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n ', ';\n'], ['\n cursor: pointer;\n padding: 1rem;\n outline: none;\n background: ', ';\n color: ', ';\n padding: ', 'rem;\n font-size: ', ';\n border-radius: 3px;\n border: none;\n transition: all .2s ease-in-out;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n ', ';\n ', ';\n ', ';\n']); | ||
@@ -34,3 +34,3 @@ var _react = require('react'); | ||
return props.theme.sizes.fonts[props.size]; | ||
}, _styledSystem.space, _styledSystem.width); | ||
}, _styledSystem.space, _styledSystem.width, _styledSystem.color); | ||
@@ -37,0 +37,0 @@ var Button = function Button(props) { |
{ | ||
"name": "react-interface", | ||
"version": "0.8.31", | ||
"version": "0.8.32", | ||
"description": "react-interface React component", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
131623