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.9.4-alpha.35 to 0.9.4-alpha.36

16

es/components/Checkbox/Checkbox.js
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _templateObject = _taggedTemplateLiteralLoose(['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n'], ['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n']),
var _templateObject = _taggedTemplateLiteralLoose(['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n'], ['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n']),
_templateObject2 = _taggedTemplateLiteralLoose(['\n color: ', ';\n '], ['\n color: ', ';\n ']),
_templateObject3 = _taggedTemplateLiteralLoose(['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n'], ['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n']),
_templateObject3 = _taggedTemplateLiteralLoose(['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n\n ', '\n\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n'], ['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n\n ', '\n\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n']),
_templateObject4 = _taggedTemplateLiteralLoose(['\n background: ', ';\n color: ', ';\n border-color: ', ';\n '], ['\n background: ', ';\n color: ', ';\n border-color: ', ';\n ']);

@@ -41,8 +41,2 @@

}, function (props) {
return props.theme['checkbox.background'];
}, function (props) {
return props.theme['checkbox.border.color'];
}, function (props) {
return props.theme['checkbox.icon.color'];
}, function (props) {
return !props.palette && css(_templateObject4, function (props) {

@@ -56,2 +50,8 @@ return props.theme.colors.primary[0];

}, function (props) {
return props.theme['checkbox.background'];
}, function (props) {
return props.theme['checkbox.border.color'];
}, function (props) {
return props.theme['checkbox.icon.color'];
}, function (props) {
return props.palette && css(_templateObject4, function (props) {

@@ -58,0 +58,0 @@ return props.theme.colors[props.palette][0];

@@ -232,4 +232,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

console.log(rest);
return React.createElement(

@@ -236,0 +234,0 @@ PopoverWrapper,

@@ -7,5 +7,5 @@ 'use strict';

var _templateObject = _taggedTemplateLiteralLoose(['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n'], ['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n']),
var _templateObject = _taggedTemplateLiteralLoose(['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n'], ['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n\n > .checkbox-label {\n ', '\n\n color: ', ';\n\n ', '\n }\n\n ', '\n ', '\n ', '\n']),
_templateObject2 = _taggedTemplateLiteralLoose(['\n color: ', ';\n '], ['\n color: ', ';\n ']),
_templateObject3 = _taggedTemplateLiteralLoose(['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n'], ['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n']),
_templateObject3 = _taggedTemplateLiteralLoose(['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n\n ', '\n\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n'], ['\n box-sizing: border-box;\n height: ', ';\n width: ', ';\n\n ', '\n\n background: ', ';\n border: 1px solid ', ';\n color: ', ';\n\n ', '\n\n ', '\n ', '\n ', '\n ', '\n\n &:hover {\n border-color: ', ';\n background: ', ';\n }\n\n svg,\n div {\n display: inherit;\n height: 100%;\n width: 100%;\n }\n']),
_templateObject4 = _taggedTemplateLiteralLoose(['\n background: ', ';\n color: ', ';\n border-color: ', ';\n '], ['\n background: ', ';\n color: ', ';\n border-color: ', ';\n ']);

@@ -60,8 +60,2 @@

}, function (props) {
return props.theme['checkbox.background'];
}, function (props) {
return props.theme['checkbox.border.color'];
}, function (props) {
return props.theme['checkbox.icon.color'];
}, function (props) {
return !props.palette && (0, _styledComponents.css)(_templateObject4, function (props) {

@@ -75,2 +69,8 @@ return props.theme.colors.primary[0];

}, function (props) {
return props.theme['checkbox.background'];
}, function (props) {
return props.theme['checkbox.border.color'];
}, function (props) {
return props.theme['checkbox.icon.color'];
}, function (props) {
return props.palette && (0, _styledComponents.css)(_templateObject4, function (props) {

@@ -77,0 +77,0 @@ return props.theme.colors[props.palette][0];

@@ -265,4 +265,2 @@ 'use strict';

console.log(rest);
return _react2.default.createElement(

@@ -269,0 +267,0 @@ PopoverWrapper,

{
"name": "react-interface",
"version": "0.9.4-alpha.35",
"version": "0.9.4-alpha.36",
"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