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

aesthetic

Package Overview
Dependencies
Maintainers
1
Versions
81
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

aesthetic - npm Package Compare versions

Comparing version 0.6.2 to 1.0.0

4

package.json
{
"name": "aesthetic",
"version": "0.6.2",
"version": "1.0.0",
"description": "Abstract library to support a range of styling options for React components.",

@@ -17,3 +17,3 @@ "keywords": [

"dependencies": {
"aesthetic-utils": "^0.4.3",
"aesthetic-utils": "^1.0.0",
"hoist-non-react-statics": "^1.2.0",

@@ -20,0 +20,0 @@ "lodash.merge": "^4.6.0"

@@ -1,2 +0,2 @@

# Aesthetic v0.5.2
# Aesthetic v1.0.0
[![Build Status](https://travis-ci.org/milesj/aesthetic.svg?branch=master)](https://travis-ci.org/milesj/aesthetic)

@@ -213,2 +213,4 @@

Defaults to `theme`.
* `pure` (boolean) - When true, the higher-order-component will extend `React.PureComponent`
instead of `React.Component`. Only use this for static/dumb components.

@@ -221,2 +223,3 @@ ```javascript

extendable: true,
pure: true,
stylesPropName: 'classes',

@@ -414,3 +417,3 @@ themePropName: 'appTheme',

```javascript
style(function (theme, prevStyles) {
style((theme, prevStyles) => {
// ...

@@ -417,0 +420,0 @@ })(Button)

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

// Function name isn't always available when minified,
// Function/constructor name aren't always available when code is minified,
// so only use it in development.

@@ -93,10 +93,13 @@ if (process.env.NODE_ENV === 'development') {

extendable = _options$extendable === undefined ? aesthetic.options.extendable : _options$extendable,
extendFrom = options.extendFrom;
extendFrom = options.extendFrom,
_options$pure = options.pure,
pure = _options$pure === undefined ? false : _options$pure;
var ParentComponent = pure && _react2.default.PureComponent ? _react2.default.PureComponent : _react2.default.Component;
// Set base styles
aesthetic.setStyles(styleName, styles, extendFrom);
var StyledComponent = function (_React$Component) {
_inherits(StyledComponent, _React$Component);
var StyledComponent = function (_ParentComponent) {
_inherits(StyledComponent, _ParentComponent);

@@ -167,3 +170,3 @@ function StyledComponent() {

return StyledComponent;
}(_react2.default.Component);
}(ParentComponent);

@@ -170,0 +173,0 @@ StyledComponent.displayName = 'Aesthetic(' + styleName + ')';

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

/*:: export type StyleDeclarationOrCallback = StyleDeclarationMap | StyleCallback;*/
/*:: export type MaybeClassName = string | number | { [key: string]: boolean } | MaybeClassName[];*/
/*:: export type MaybeClassName = PrimitiveType | { [key: string]: boolean } | MaybeClassName[];*/
/*:: export type ClassNameMap = { [setName: string]: string };*/

@@ -30,2 +30,3 @@ /*:: export type TransformedStylesMap = StyleDeclarationMap | ClassNameMap;*/

extendFrom?: string,
pure?: boolean,
styleName?: string,

@@ -32,0 +33,0 @@ stylesPropName?: string,

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