onno - npm Package Compare versions

Comparing version 0.2.3 to 0.2.4

cjs/index.js

@@ -296,5 +296,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]
 })
@@ -628,2 +631,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({
@@ -646,3 +673,3 @@ propsKeys: ["boxShadow", "bsh"],
 const PL = "paddingLeft"
-const ex$5 = extend({
+const ex$6 = extend({
   themeKeys: ["spaces"],
@@ -652,46 +679,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"]
@@ -820,7 +847,9 @@ })
     boxShadow,
-    colorSet,
     opacity,
+    outline,
+    outlineOffset,
     spaceSet,
     sizeSet,
     textSet,
+    colorSet,
     transition
@@ -967,2 +996,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
@@ -969,0 +1004,0 @@ exports.overflowSet = overflowSet

esm/index.js

@@ -292,5 +292,8 @@ const PX_SCALE = [0, 2, 4, 8, 16, 32, 64, 128, 256, 512]
 })
+const outlineColor = ex({
+  propsKeys: ["outlineColor", "olc"]
+})
 const colorSet = compose({
   name: "color",
-  renderers: [background, backgroundColor, borderColor, color]
+  renderers: [background, backgroundColor, borderColor, color, outlineColor]
 })
@@ -624,2 +627,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({
@@ -642,3 +669,3 @@ propsKeys: ["boxShadow", "bsh"],
 const PL = "paddingLeft"
-const ex$5 = extend({
+const ex$6 = extend({
   themeKeys: ["spaces"],
@@ -648,46 +675,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"]
@@ -816,7 +843,9 @@ })
     boxShadow,
-    colorSet,
     opacity,
+    outline,
+    outlineOffset,
     spaceSet,
     sizeSet,
     textSet,
+    colorSet,
     transition
@@ -964,2 +993,8 @@ ]
   order,
+  outline,
+  outlineColor,
+  outlineOffset,
+  outlineSet,
+  outlineStyle,
+  outlineWidth,
   overflow,
@@ -966,0 +1001,0 @@ overflowSet,

package.json

 {
   "name": "onno",
   "license": "MIT",
-  "version": "0.2.3",
+  "version": "0.2.4",
+  "homepage": "https://onnojs.com",
   "description": "Responsive style props for building themed design systems",
-  "homepage": "https://github.com/wagerfield/onno/tree/master/packages/onno#readme",
   "author": "Matthew Wagerfield <[e-mail]>",
@@ -33,3 +33,3 @@ "repository": {
   },
-  "gitHead": "3c92f182255e7f5a620870201db0f5d47d1c78c9"
+  "gitHead": "a5399f96a78a770f75ae571e8a56f03c1fd1d04d"
 }

readme.md

@@ -1,2 +0,2 @@
-# [![onno](https://raw.githubusercontent.com/wagerfield/onno/master/assets/onno.png)][onno]
+# [![onno](https://raw.githubusercontent.com/wagerfield/onno/master/assets/onno.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]

types/index.d.ts

@@ -18,2 +18,3 @@ export * from "./types"
 export * from "./renderers/layout"
+export * from "./renderers/outline"
 export * from "./renderers/shadow"
@@ -20,0 +21,0 @@ export * from "./renderers/space"

types/renderers/color.d.ts

@@ -52,10 +52,25 @@ import * as C from "csstype"
 export declare const color: T.RenderFunction<ColorProps, ColorStyle>
+export declare type OutlineColorValue = C.OutlineColorProperty
+export declare type OutlineColorProp = T.Prop<OutlineColorValue | number>
+export interface OutlineColorProps extends T.ThemeProps {
+  outlineColor?: OutlineColorProp
+  olc?: OutlineColorProp
+}
+export interface OutlineColorStyle extends T.Style {
+  outlineColor?: OutlineColorValue
+}
+export declare const outlineColor: T.RenderFunction<
+  OutlineColorProps,
+  OutlineColorStyle
+>
 export declare type ColorSetProps = BackgroundProps &
   BackgroundColorProps &
   BorderColorProps &
-  ColorProps
+  ColorProps &
+  OutlineColorProps
 export declare type ColorSetStyle = BackgroundStyle &
   BackgroundColorStyle &
   BorderColorStyle &
-  ColorStyle
+  ColorStyle &
+  OutlineColorStyle
 export declare const colorSet: T.ComposedRenderFunction<
@@ -62,0 +77,0 @@ ColorSetProps,

types/renderers/global.d.ts

@@ -7,2 +7,8 @@ import {
 } from "./border"
+import {
+  OutlineProps,
+  OutlineStyle,
+  OutlineOffsetProps,
+  OutlineOffsetStyle
+} from "./outline"
 import { TransitionProps, TransitionStyle } from "./animation"
@@ -18,7 +24,9 @@ import { BoxShadowProps, BoxShadowStyle } from "./shadow"
   BoxShadowProps &
-  ColorSetProps &
   OpacityProps &
+  OutlineProps &
+  OutlineOffsetProps &
   SpaceSetProps &
   SizeSetProps &
   TextSetProps &
+  ColorSetProps &
   TransitionProps
@@ -28,7 +36,9 @@ export declare type GlobalSetStyle = BorderStyle &
   BoxShadowStyle &
-  ColorSetStyle &
   OpacityStyle &
+  OutlineStyle &
+  OutlineOffsetStyle &
   SpaceSetStyle &
   SizeSetStyle &
   TextSetStyle &
+  ColorSetStyle &
   TransitionStyle
@@ -35,0 +45,0 @@ export declare const globalSet: import("..").ComposedRenderFunction<

types/types.d.ts

@@ -36,5 +36,5 @@ export declare type Length = number
   borders?: ThemeValue
+  borderRadii?: ThemeValue
   borderStyles?: ThemeValue
   borderWidths?: ThemeValue
-  borderRadii?: ThemeValue
   colors?: ThemeValue
@@ -50,14 +50,18 @@ opacities?: ThemeValue
   zIndices?: ThemeValue
+  outlines?: ThemeValue
+  outlineOffsets?: ThemeValue
+  outlineStyles?: ThemeValue
+  outlineWidths?: ThemeValue
+  boxShadows?: ThemeValue
   textShadows?: ThemeValue
-  boxShadows?: ThemeValue
   spaces?: ThemeValue
+  fontSizes?: ThemeValue
   fontFamilies?: ThemeValue
-  fontSizes?: ThemeValue
   fontWeights?: ThemeValue
   lineHeights?: ThemeValue
   letterSpacings?: ThemeValue
+  textStyles?: ThemeValue
+  colorStyles?: ThemeValue
+  buttonStyles?: ThemeValue
   globalStyles?: ThemeValue
-  buttonStyles?: ThemeValue
-  colorStyles?: ThemeValue
-  textStyles?: ThemeValue
   components?: ThemeValue
@@ -64,0 +68,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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

115826

increased by4.25%

Number of package files

30

increased by3.45%

Lines of code

3968

increased by4.31%

Number of low quality alerts

1

decreased by-50%

No dependency changes