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

@cloudflare/component-box

Package Overview
Dependencies
Maintainers
26
Versions
509
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cloudflare/component-box - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

9

CHANGELOG.md

@@ -6,10 +6,13 @@ # Change Log

<a name="1.0.7"></a>
## [1.0.7](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-box@1.0.6...@cloudflare/component-box@1.0.7) (2018-06-05)
<a name="1.0.8"></a>
## [1.0.8](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-box@1.0.6...@cloudflare/component-box@1.0.8) (2018-06-07)
### Bug Fixes
* UI-836 fix babelrc and republish all packages ([ee0c90d](http://stash.cfops.it:7999/fe/stratus/commits/ee0c90d))
**Note:** Version bump only for package @cloudflare/component-box
<a name="1.0.6"></a>

@@ -16,0 +19,0 @@ ## [1.0.6](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/component-box@1.0.5...@cloudflare/component-box@1.0.6) (2018-05-25)

@@ -15,3 +15,3 @@ Object.defineProperty(exports, "__esModule", {

var _index = require('@cloudflare/style-container/src/index.js');
var _styleContainer = require('@cloudflare/style-container');

@@ -167,2 +167,2 @@ var _propertiesSpec = require('./propertiesSpec');

exports.default = (0, _index.createStyledComponent)(styles, Box);
exports.default = (0, _styleContainer.createStyledComponent)(styles, Box);

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {

var _index = require('@cloudflare/style-container/src/index.js');
var _styleContainer = require('@cloudflare/style-container');

@@ -19,3 +19,3 @@ var _Box = require('./Box');

var Box = (0, _index.applyTheme)(_Box2.default, _BoxTheme2.default);
var Box = (0, _styleContainer.applyTheme)(_Box2.default, _BoxTheme2.default);

@@ -22,0 +22,0 @@ exports.BoxUnstyled = _Box2.default;

@@ -9,3 +9,3 @@ Object.defineProperty(exports, "__esModule", {

var _index = require('@cloudflare/style-const/src/index.js');
var _styleConst = require('@cloudflare/style-const');

@@ -20,3 +20,3 @@ var _polished = require('polished');

if (typeof value === 'number' || /\d+px/.test(value)) {
return (0, _polished.rem)(value, _index.variables.fontSize);
return (0, _polished.rem)(value, _styleConst.variables.fontSize);
}

@@ -170,19 +170,19 @@ return value;

propType: _propTypes2.default.number,
default: _index.variables.lineHeight
default: _styleConst.variables.lineHeight
},
fontSize: {
propType: numberOrString,
default: _index.variables.fontSize
default: _styleConst.variables.fontSize
},
fontWeight: {
propType: numberOrString,
default: _index.variables.fontWeight
default: _styleConst.variables.fontWeight
},
fontFamily: {
propType: _propTypes2.default.string,
default: _index.variables.fontFamily
default: _styleConst.variables.fontFamily
},
color: {
propType: _propTypes2.default.string,
default: _index.variables.fontColor
default: _styleConst.variables.fontColor
},

@@ -189,0 +189,0 @@

@@ -17,3 +17,3 @@ 'use strict';

var _index = require('@cloudflare/style-container/src/index.js');
var _styleContainer = require('@cloudflare/style-container');

@@ -169,2 +169,2 @@ var _propertiesSpec = require('./propertiesSpec');

exports.default = (0, _index.createStyledComponent)(styles, Box);
exports.default = (0, _styleContainer.createStyledComponent)(styles, Box);

@@ -8,3 +8,3 @@ 'use strict';

var _index = require('@cloudflare/style-container/src/index.js');
var _styleContainer = require('@cloudflare/style-container');

@@ -21,3 +21,3 @@ var _Box = require('./Box');

var Box = (0, _index.applyTheme)(_Box2.default, _BoxTheme2.default);
var Box = (0, _styleContainer.applyTheme)(_Box2.default, _BoxTheme2.default);

@@ -24,0 +24,0 @@ exports.BoxUnstyled = _Box2.default;

@@ -11,3 +11,3 @@ 'use strict';

var _index = require('@cloudflare/style-const/src/index.js');
var _styleConst = require('@cloudflare/style-const');

@@ -22,3 +22,3 @@ var _polished = require('polished');

if (typeof value === 'number' || /\d+px/.test(value)) {
return (0, _polished.rem)(value, _index.variables.fontSize);
return (0, _polished.rem)(value, _styleConst.variables.fontSize);
}

@@ -172,19 +172,19 @@ return value;

propType: _propTypes2.default.number,
default: _index.variables.lineHeight
default: _styleConst.variables.lineHeight
},
fontSize: {
propType: numberOrString,
default: _index.variables.fontSize
default: _styleConst.variables.fontSize
},
fontWeight: {
propType: numberOrString,
default: _index.variables.fontWeight
default: _styleConst.variables.fontWeight
},
fontFamily: {
propType: _propTypes2.default.string,
default: _index.variables.fontFamily
default: _styleConst.variables.fontFamily
},
color: {
propType: _propTypes2.default.string,
default: _index.variables.fontColor
default: _styleConst.variables.fontColor
},

@@ -191,0 +191,0 @@

{
"name": "@cloudflare/component-box",
"description": "Cloudflare Box Component\n\nThis is styling component similar to cf-component-flex which allows for arbitrary styling.\n\n This component should only be used when the built in style doesn't quite fit the bill and when it can't be done with fela. Ideally, cfui components should have the right styling built in for most cases. In the few edge cases that pop up in real world feature development, this is an alternative to wrapping your component in a `<div>` or `<span>` and styling it with css to accomodate one-offs. \n\n Also, note that using Box effectively performs a component level CSS reset, as all props not provided will be pulled from the default theme. These defaults, outlined in propertiesSpec, either match the browser defaults, or are taken from our global styles as defined by cf-style-const.",
"version": "1.0.7",
"version": "1.0.8",
"main": "lib/index.js",

@@ -15,4 +15,4 @@ "module": "es/index.js",

"dependencies": {
"@cloudflare/style-const": "^1.0.6",
"@cloudflare/style-container": "^1.0.7",
"@cloudflare/style-const": "^1.0.7",
"@cloudflare/style-container": "^1.0.8",
"polished": "^1.9.2",

@@ -19,0 +19,0 @@ "prop-types": "^15.6.0"

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