onno-react - npm Package Compare versions

Comparing version 0.2.3 to 0.2.4

cjs/index.js

@@ -298,5 +298,8 @@ "use strict"
 })
+const outlineColor = ex({
+  propsKeys: ["outlineColor", "olc"]
+})
 const colorSet = compose({
   name: "color",
-  renderers: [background, backgroundColor, borderColor, color]
+  renderers: [background, backgroundColor, borderColor, color, outlineColor]
 })
@@ -630,2 +633,26 @@
 
+const ex$5 = extend({
+  transform: addPx
+})
+const outline = ex$5({
+  propsKeys: ["outline", "ol"],
+  themeKeys: ["outlines", "borders"]
+})
+const outlineOffset = ex$5({
+  propsKeys: ["outlineOffset", "olo"],
+  themeKeys: ["outlineOffsets"]
+})
+const outlineStyle = style({
+  propsKeys: ["outlineStyle", "ols"],
+  themeKeys: ["outlineStyles", "borderStyles"]
+})
+const outlineWidth = ex$5({
+  propsKeys: ["outlineWidth", "olw"],
+  themeKeys: ["outlineWidths", "borderWidths"]
+})
+const outlineSet = compose({
+  name: "outline",
+  renderers: [outline, outlineColor, outlineOffset, outlineStyle, outlineWidth]
+})
+
 const boxShadow = style({
@@ -648,3 +675,3 @@ propsKeys: ["boxShadow", "bsh"],
 const PL = "paddingLeft"
-const ex$5 = extend({
+const ex$6 = extend({
   themeKeys: ["spaces"],
@@ -654,46 +681,46 @@ transform: addPx,
 })
-const marginTop = ex$5({
+const marginTop = ex$6({
   propsKeys: [MT, "mt"]
 })
-const marginRight = ex$5({
+const marginRight = ex$6({
   propsKeys: [MR, "mr"]
 })
-const marginBottom = ex$5({
+const marginBottom = ex$6({
   propsKeys: [MB, "mb"]
 })
-const marginLeft = ex$5({
+const marginLeft = ex$6({
   propsKeys: [ML, "ml"]
 })
-const marginX = ex$5({
+const marginX = ex$6({
   propsKeys: ["marginX", "mx"],
   styleKeys: [ML, MR]
 })
-const marginY = ex$5({
+const marginY = ex$6({
   propsKeys: ["marginY", "my"],
   styleKeys: [MT, MB]
 })
-const margin = ex$5({
+const margin = ex$6({
   propsKeys: ["margin", "m"]
 })
-const paddingTop = ex$5({
+const paddingTop = ex$6({
   propsKeys: [PT, "pt"]
 })
-const paddingRight = ex$5({
+const paddingRight = ex$6({
   propsKeys: [PR, "pr"]
 })
-const paddingBottom = ex$5({
+const paddingBottom = ex$6({
   propsKeys: [PB, "pb"]
 })
-const paddingLeft = ex$5({
+const paddingLeft = ex$6({
   propsKeys: [PL, "pl"]
 })
-const paddingX = ex$5({
+const paddingX = ex$6({
   propsKeys: ["paddingX", "px"],
   styleKeys: [PL, PR]
 })
-const paddingY = ex$5({
+const paddingY = ex$6({
   propsKeys: ["paddingY", "py"],
   styleKeys: [PT, PB]
 })
-const padding = ex$5({
+const padding = ex$6({
   propsKeys: ["padding", "p"]
@@ -822,7 +849,9 @@ })
     boxShadow,
-    colorSet,
     opacity,
+    outline,
+    outlineOffset,
     spaceSet,
     sizeSet,
     textSet,
+    colorSet,
     transition
@@ -989,2 +1018,8 @@ ]
 exports.order = order
+exports.outline = outline
+exports.outlineColor = outlineColor
+exports.outlineOffset = outlineOffset
+exports.outlineSet = outlineSet
+exports.outlineStyle = outlineStyle
+exports.outlineWidth = outlineWidth
 exports.overflow = overflow
@@ -991,0 +1026,0 @@ exports.overflowSet = overflowSet

esm/index.js

@@ -294,5 +294,8 @@ import { oneOfType, number, string, objectOf, arrayOf } from "prop-types"
 })
+const outlineColor = ex({
+  propsKeys: ["outlineColor", "olc"]
+})
 const colorSet = compose({
   name: "color",
-  renderers: [background, backgroundColor, borderColor, color]
+  renderers: [background, backgroundColor, borderColor, color, outlineColor]
 })
@@ -626,2 +629,26 @@
 
+const ex$5 = extend({
+  transform: addPx
+})
+const outline = ex$5({
+  propsKeys: ["outline", "ol"],
+  themeKeys: ["outlines", "borders"]
+})
+const outlineOffset = ex$5({
+  propsKeys: ["outlineOffset", "olo"],
+  themeKeys: ["outlineOffsets"]
+})
+const outlineStyle = style({
+  propsKeys: ["outlineStyle", "ols"],
+  themeKeys: ["outlineStyles", "borderStyles"]
+})
+const outlineWidth = ex$5({
+  propsKeys: ["outlineWidth", "olw"],
+  themeKeys: ["outlineWidths", "borderWidths"]
+})
+const outlineSet = compose({
+  name: "outline",
+  renderers: [outline, outlineColor, outlineOffset, outlineStyle, outlineWidth]
+})
+
 const boxShadow = style({
@@ -644,3 +671,3 @@ propsKeys: ["boxShadow", "bsh"],
 const PL = "paddingLeft"
-const ex$5 = extend({
+const ex$6 = extend({
   themeKeys: ["spaces"],
@@ -650,46 +677,46 @@ transform: addPx,
 })
-const marginTop = ex$5({
+const marginTop = ex$6({
   propsKeys: [MT, "mt"]
 })
-const marginRight = ex$5({
+const marginRight = ex$6({
   propsKeys: [MR, "mr"]
 })
-const marginBottom = ex$5({
+const marginBottom = ex$6({
   propsKeys: [MB, "mb"]
 })
-const marginLeft = ex$5({
+const marginLeft = ex$6({
   propsKeys: [ML, "ml"]
 })
-const marginX = ex$5({
+const marginX = ex$6({
   propsKeys: ["marginX", "mx"],
   styleKeys: [ML, MR]
 })
-const marginY = ex$5({
+const marginY = ex$6({
   propsKeys: ["marginY", "my"],
   styleKeys: [MT, MB]
 })
-const margin = ex$5({
+const margin = ex$6({
   propsKeys: ["margin", "m"]
 })
-const paddingTop = ex$5({
+const paddingTop = ex$6({
   propsKeys: [PT, "pt"]
 })
-const paddingRight = ex$5({
+const paddingRight = ex$6({
   propsKeys: [PR, "pr"]
 })
-const paddingBottom = ex$5({
+const paddingBottom = ex$6({
   propsKeys: [PB, "pb"]
 })
-const paddingLeft = ex$5({
+const paddingLeft = ex$6({
   propsKeys: [PL, "pl"]
 })
-const paddingX = ex$5({
+const paddingX = ex$6({
   propsKeys: ["paddingX", "px"],
   styleKeys: [PL, PR]
 })
-const paddingY = ex$5({
+const paddingY = ex$6({
   propsKeys: ["paddingY", "py"],
   styleKeys: [PT, PB]
 })
-const padding = ex$5({
+const padding = ex$6({
   propsKeys: ["padding", "p"]
@@ -818,7 +845,9 @@ })
     boxShadow,
-    colorSet,
     opacity,
+    outline,
+    outlineOffset,
     spaceSet,
     sizeSet,
     textSet,
+    colorSet,
     transition
@@ -983,2 +1012,8 @@ ]
   order,
+  outline,
+  outlineColor,
+  outlineOffset,
+  outlineSet,
+  outlineStyle,
+  outlineWidth,
   overflow,
@@ -985,0 +1020,0 @@ overflowSet,

package.json

 {
   "name": "onno-react",
   "license": "MIT",
-  "version": "0.2.3",
+  "version": "0.2.4",
+  "homepage": "https://onnojs.com",
   "description": "Onno propTypes for React",
-  "homepage": "https://github.com/wagerfield/onno/tree/master/packages/onno-react#readme",
   "author": "Matthew Wagerfield <[e-mail]>",
@@ -30,6 +30,6 @@ "repository": {
     "@types/prop-types": "15.7.1",
-    "onno": "0.2.3",
+    "onno": "0.2.4",
     "prop-types": "15.7.2"
   },
-  "gitHead": "3c92f182255e7f5a620870201db0f5d47d1c78c9"
+  "gitHead": "a5399f96a78a770f75ae571e8a56f03c1fd1d04d"
 }

readme.md

@@ -1,2 +0,2 @@
-# [![onno-react](https://raw.githubusercontent.com/wagerfield/onno/master/assets/onno-react.png)][onno]
+# [![onno-react](https://raw.githubusercontent.com/wagerfield/onno/master/assets/onno-react.svg?sanitize=true)][onno]
 
@@ -3,0 +3,0 @@ [![Code Coverage](https://img.shields.io/codecov/c/github/wagerfield/onno.svg?color=4C8&style=flat-square)][codecov]

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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

56909

increased by3.06%

Lines of code

2096

increased by3.35%

Number of low quality alerts

1

decreased by-50%

Dependency changes

• + Addedonno@0.2.4(transitive)

• - Removedonno@0.2.3(transitive)

• Updatedonno@0.2.4