styled-system - npm Package Compare versions

Comparing version 5.0.0 to 5.0.1

dist/index.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
@@ -125,2 +123,4 @@ exports.style = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.backgroundRepeat = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.borders = exports.borderRadius = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.borderColor = exports.borderStyle = exports.borderWidth = exports.gridArea = exports.gridTemplateAreas = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridAutoRows = exports.gridAutoColumns = exports.gridAutoFlow = exports.gridRow = exports.gridColumn = exports.gridRowGap = exports.gridColumnGap = exports.gridGap = exports.order = exports.alignSelf = exports.justifySelf = exports.flexBasis = exports.flexShrink = exports.flexGrow = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.justifyItems = exports.alignContent = exports.alignItems = exports.letterSpacing = exports.fontStyle = exports.textAlign = exports.lineHeight = exports.fontWeight = exports.fontFamily = exports.fontSize = exports.opacity = exports.overflow = exports.display = exports.verticalAlign = exports.size = exports.maxHeight = exports.maxWidth = exports.minHeight = exports.minWidth = exports.height = exports.width = exports.colorStyle = exports.textStyle = exports.buttonStyle = exports.variant = exports.shadow = exports.grid = exports.position = exports.background = exports.border = exports.flexbox = exports.typography = exports.layout = exports.color = exports.space = exports.padding = exports.margin = exports.compose = exports.get = void 0;
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+
 // v4 api shims
@@ -127,0 +127,0 @@ // v4 style API shim

package.json

 {
   "name": "styled-system",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "Responsive, theme-based style props for building design systems with React",
@@ -16,17 +16,17 @@ "main": "dist/index.js",
   "dependencies": {
-    "@styled-system/background": "^5.0.0",
-    "@styled-system/border": "^5.0.0",
-    "@styled-system/color": "^5.0.0",
-    "@styled-system/core": "^5.0.0",
-    "@styled-system/flexbox": "^5.0.0",
-    "@styled-system/grid": "^5.0.0",
-    "@styled-system/layout": "^5.0.0",
-    "@styled-system/position": "^5.0.0",
-    "@styled-system/shadow": "^5.0.0",
-    "@styled-system/space": "^5.0.0",
-    "@styled-system/typography": "^5.0.0",
-    "@styled-system/variant": "^5.0.0",
+    "@styled-system/background": "^5.0.1",
+    "@styled-system/border": "^5.0.1",
+    "@styled-system/color": "^5.0.1",
+    "@styled-system/core": "^5.0.1",
+    "@styled-system/flexbox": "^5.0.1",
+    "@styled-system/grid": "^5.0.1",
+    "@styled-system/layout": "^5.0.1",
+    "@styled-system/position": "^5.0.1",
+    "@styled-system/shadow": "^5.0.1",
+    "@styled-system/space": "^5.0.1",
+    "@styled-system/typography": "^5.0.1",
+    "@styled-system/variant": "^5.0.1",
     "object-assign": "^4.1.1"
   },
-  "gitHead": "e67157cfd0222c355826adf5ad271534653c00df"
+  "gitHead": "a14b82ef1eb6b6e92da119c1ef98ff4500676da4"
 }

README.md

@@ -104,3 +104,3 @@
 import styled from 'styled-components'
-import { space, width, fontSize, color } from 'styled-system'
+import { space, layout, typography, color } from 'styled-system'
 
@@ -110,4 +110,4 @@ // Add styled-system functions to your component
   ${space}
-  ${width}
-  ${fontSize}
+  ${layout}
+  ${typography}
   ${color}
@@ -164,12 +164,2 @@ `
 
-<!-- link shims for previous readme -->
-<a name='getting-started'></a>
-<a name='how-it-works'></a>
-<a name='responsive-styles'></a>
-<a name='api'></a>
-<a name='system-components'></a>
-<a name='default-theme'></a>
-<a name='troubleshooting'></a>
-<a name='cleanelement'></a>
-
 ## Docs
@@ -180,5 +170,9 @@
 - [How it Works](https://styled-system.com/how-it-works)
+- [Custom Props](https://styled-system.com/custom-props)
+- [Variants](https://styled-system.com/variants)
 - [API](https://styled-system.com/api)
-- [Table of Style Functions](https://styled-system.com/table)
-- [Custom Props](https://styled-system.com/custom-props)
+- [Reference Table](https://styled-system.com/table)
+- [Packages](https://styled-system.com/packages)
+- [Guides](https://styled-system.com/guides)
+- [@styled-system/css](https://styled-system.com/css)
 
@@ -185,0 +179,0 @@ ---

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19282

increased by1.63%

Lines of code

168

increased by0.6%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

216

decreased by-2.7%

Dependency changes

• Updated@styled-system/background@^5.0.1

• Updated@styled-system/border@^5.0.1

• Updated@styled-system/color@^5.0.1

• Updated@styled-system/core@^5.0.1

• Updated@styled-system/flexbox@^5.0.1

• Updated@styled-system/grid@^5.0.1

• Updated@styled-system/layout@^5.0.1

• Updated@styled-system/position@^5.0.1

• Updated@styled-system/shadow@^5.0.1

• Updated@styled-system/space@^5.0.1

• Updated@styled-system/typography@^5.0.1

• Updated@styled-system/variant@^5.0.1