@hig/skeleton-item - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

build/index.es.js

		@@ -1,2 +0,2 @@
		import { css } from 'emotion';
		import { css, cx } from 'emotion';
		import PropTypes from 'prop-types';
		@@ -47,2 +47,4 @@ import React, { Component } from 'react';

		function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		@@ -69,5 +71,8 @@
		marginBottom = _props.marginBottom,
		maxWidth = _props.maxWidth;
		maxWidth = _props.maxWidth,
		otherProps = _objectWithoutProperties(_props, ["height", "marginBottom", "maxWidth"]);

		var className = otherProps.className;


		return React.createElement(
		@@ -84,3 +89,3 @@ ThemeContext.Consumer,
		}, resolvedRoles);
		return React.createElement("div", { className: css(styles.skeletonItem) });
		return React.createElement("div", { className: cx(css(styles.skeletonItem), className) });
		}
		@@ -87,0 +92,0 @@ );

build/index.js

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

		function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		@@ -76,5 +78,8 @@
		marginBottom = _props.marginBottom,
		maxWidth = _props.maxWidth;
		maxWidth = _props.maxWidth,
		otherProps = _objectWithoutProperties(_props, ["height", "marginBottom", "maxWidth"]);

		var className = otherProps.className;


		return React__default.createElement(
		@@ -91,3 +96,3 @@ themeContext.ThemeContext.Consumer,
		}, resolvedRoles);
		return React__default.createElement("div", { className: emotion.css(styles.skeletonItem) });
		return React__default.createElement("div", { className: emotion.cx(emotion.css(styles.skeletonItem), className) });
		}
		@@ -94,0 +99,0 @@ );

CHANGELOG.md

		@@ -0,1 +1,8 @@
		# [@hig/skeleton-item-v1.1.0](https://github.com/Autodesk/hig/compare/@hig/skeleton-item@1.0.1...@hig/skeleton-item@1.1.0) (2020-02-21)


		### Features

		* allow className to be passed down ([8237ec9](https://github.com/Autodesk/hig/commit/8237ec9))

		# [@hig/skeleton-item-v1.0.1](https://github.com/Autodesk/hig/compare/@hig/skeleton-item@1.0.0...@hig/skeleton-item@1.0.1) (2019-03-13)
		@@ -2,0 +9,0 @@

package.json

		{
		"name": "@hig/skeleton-item",
		"version": "1.0.1",
		"version": "1.1.0",
		"description": "HIG SkeletonItem component",
		@@ -32,4 +32,4 @@ "author": "Autodesk Inc.",
		"peerDependencies": {
		"@hig/theme-context": "^2.1.3",
		"@hig/theme-data": "^2.3.3",
		"@hig/theme-context": "^3.0.0",
		"@hig/theme-data": "^2.14.0",
		"react": "^15.4.1 \|\| ^16.3.2"
		@@ -36,0 +36,0 @@ },

README.md

		@@ -22,1 +22,4 @@ # Skeleton Item
		```
		## Custom CSS

		Use the `className` prop to pass in a css class name to the outermost container of the component. The class name will also pass down to most of the other styled elements within the component.

New alerts