Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-interface

Package Overview
Dependencies
Maintainers
1
Versions
135
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-interface - npm Package Compare versions

Comparing version 0.8.31 to 0.8.32

6

es/components/Button/index.js

@@ -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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc