@cloudflare/component-box - npm Package Compare versions

Comparing version 2.1.65 to 2.1.66

CHANGELOG.md

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

		## [2.1.66](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-box@2.1.65...@cloudflare/component-box@2.1.66) (2019-08-05)

		Note: Version bump only for package @cloudflare/component-box





		## [2.1.65](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-box@2.1.64...@cloudflare/component-box@2.1.65) (2019-08-05)
		@@ -8,0 +16,0 @@

es/Box.js

		@@ -5,3 +5,2 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

		import React from 'react';
		import PropTypes from 'prop-types';
		@@ -54,11 +53,4 @@ import { createStyledComponent } from '@cloudflare/style-container';

		var Box = function Box(props) {
		var className = props.className,
		children = props.children; // Render the div with the fela classname
		var Box = createStyledComponent(styles, 'div');

		return React.createElement("div", {
		className: className
		}, children);
		};

		var checkForViolations = function checkForViolations(props) {
		@@ -139,2 +131,2 @@ // Check for conflicts given the spec's conflictsWith property
		Box.displayName = 'Box';
		export default createStyledComponent(styles, Box);
		export default Box;

lib/Box.js

		@@ -8,4 +8,2 @@ "use strict";

		var _react = _interopRequireDefault(require("react"));

		var _propTypes = _interopRequireDefault(require("prop-types"));
		@@ -67,11 +65,4 @@

		var Box = function Box(props) {
		var className = props.className,
		children = props.children; // Render the div with the fela classname
		var Box = (0, _styleContainer.createStyledComponent)(styles, 'div');

		return _react.default.createElement("div", {
		className: className
		}, children);
		};

		var checkForViolations = function checkForViolations(props) {
		@@ -152,5 +143,3 @@ // Check for conflicts given the spec's conflictsWith property
		Box.displayName = 'Box';

		var _default = (0, _styleContainer.createStyledComponent)(styles, Box);

		var _default = Box;
		exports.default = _default;

package.json

		{
		"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": "2.1.65",
		"version": "2.1.66",
		"main": "lib/index.js",
		@@ -16,3 +16,3 @@ "module": "es/index.js",
		"@cloudflare/style-const": "^2.2.3",
		"@cloudflare/style-container": "^4.3.53",
		"@cloudflare/style-container": "^5.0.0",
		"polished": "^1.9.3",
		@@ -35,3 +35,3 @@ "prop-types": "^15.6.0"
		},
		"gitHead": "13a72bd55bfe60dbcdf146b7b098b07f852553c9"
		"gitHead": "192024e709aecb7ad39dfea064a693cf4d62c68e"
		}

src/Box.js

		@@ -1,2 +0,1 @@
		import React from 'react';
		import PropTypes from 'prop-types';
		@@ -56,9 +55,4 @@ import { createStyledComponent } from '@cloudflare/style-container';

		const Box = props => {
		const { className, children } = props;
		const Box = createStyledComponent(styles, 'div');

		// Render the div with the fela classname
		return <div className={className}>{children}</div>;
		};

		const checkForViolations = props => {
		@@ -145,2 +139,2 @@ // Check for conflicts given the spec's conflictsWith property

		export default createStyledComponent(styles, Box);
		export default Box;

New alerts