Socket
Socket
Sign inDemoInstall

@paprika/radio

Package Overview
Dependencies
Maintainers
4
Versions
111
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@paprika/radio - npm Package Compare versions

Comparing version 0.1.13 to 0.1.14

2

lib/Radio.js

@@ -65,3 +65,3 @@ "use strict";

/** Value for tabindex attribute to override the default of 0. */
tabIndex: _propTypes["default"].number,
tabIndex: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),

@@ -68,0 +68,0 @@ /** Value applied to the input if needed. */

@@ -121,3 +121,3 @@ "use strict";

}), _styles);
var radioStyles = (0, _styledComponents.css)(["", ";", ";line-height:", ";margin:0 0 ", " 0;position:relative;input[type=\"radio\"]{", ";& + label{cursor:pointer;display:inline-block;margin:0;", ";position:relative;}& + label::before,& + label > .radio-icon{position:absolute;top:0;}& + label::before{background:", ";border:2px solid ", ";content:\"\";left:0;", ";", ";}& + label:hover::before{border:2px solid ", ";}& + label > .radio-icon{color:", ";", ";opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity 0.15s ease-out;", ";}& + label > .radio-solid-background{background-color:", ";", ";}&:checked{& + label.deselectable:hover:before{background:", ";}& + label::before{border:2px solid ", ";}}&:checked + label > [data-pka-anchor=\"radio.icon.check\"]{opacity:1;}&:disabled{& + label,& ~ .radio-icon{cursor:not-allowed;opacity:0.5;transition:none;}&:checked{& + label:hover::before{border:2px solid ", ";}& + label.deselectable:hover:before{background-color:inherit;}}& + label:hover::before{border:2px solid ", ";}}&:focus + label::before{border-color:", ";box-shadow:", ";}}"], _includes.boxSizingStyles, function (_ref) {
var radioStyles = (0, _styledComponents.css)(["", ";", ";line-height:", ";position:relative;& + [data-pka-anchor=\"radio\"]{margin-top:", ";}input[type=\"radio\"]{", ";& + label{cursor:pointer;display:inline-block;margin:0;", ";position:relative;}& + label::before,& + label > .radio-icon{position:absolute;top:0;}& + label::before{background:", ";border:2px solid ", ";content:\"\";left:0;", ";", ";}& + label:hover::before{border:2px solid ", ";}& + label > .radio-icon{color:", ";", ";opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity 0.15s ease-out;", ";}& + label > .radio-solid-background{background-color:", ";", ";}&:checked{& + label.deselectable:hover:before{background:", ";}& + label::before{border:2px solid ", ";}}&:checked + label > [data-pka-anchor=\"radio.icon.check\"]{opacity:1;}&:disabled{& + label,& ~ .radio-icon{cursor:not-allowed;opacity:0.5;transition:none;}&:checked{& + label:hover::before{border:2px solid ", ";}& + label.deselectable:hover:before{background-color:inherit;}}& + label:hover::before{border:2px solid ", ";}}&:focus + label::before{border-color:", ";box-shadow:", ";}}"], _includes.boxSizingStyles, function (_ref) {
var size = _ref.size;

@@ -124,0 +124,0 @@ return styles[size].baseFontSize;

{
"name": "@paprika/radio",
"version": "0.1.13",
"version": "0.1.14",
"description": "Radio component",

@@ -30,3 +30,3 @@ "author": "@paprika",

},
"gitHead": "084a6e367c1085775447953b38742280e66a6b42"
"gitHead": "e4e54f526223ffc248bcdf45bec1281b0996cc8e"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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