styleq - npm Package Compare versions
Comparing version 0.0.0-09a1f61 to 0.0.0-337c800
| { | ||
| "version": "0.0.0-09a1f61", | ||
| "version": "0.0.0-337c800", | ||
| "name": "styleq", | ||
@@ -4,0 +4,0 @@ "main": "styleq.js", |
@@ -263,3 +263,3 @@ # styleQ · [](https://github.com/necolas/styleq/blob/main/LICENSE) [](https://www.npmjs.com/package/styleq) [](https://github.com/necolas/styleq/actions) [](https://github.com/necolas/styleq/blob/master/.github/CONTRIBUTING.md) | ||
| function View(props) { | ||
| const [ className, inlineStyle ] = styleq(styles.$reset, props.css); | ||
| const [ className, inlineStyle ] = styleq(reset, props.css); | ||
| return ( | ||
@@ -323,5 +323,8 @@ <div {...props} className={className} style={inlineStyle} /> | ||
| const [ className, style ] = customStyleq( | ||
| // The dynamic value is set to the custom property. | ||
| // With static/dynamic mixing disabled, the position of the inline style | ||
| // is irrelevant. However, with mixing enabled, the best performance is | ||
| // achieved by placing inline styles earlier in the queue. | ||
| { '--opacity-xyz': props.opacity }, | ||
| compiledStyle, | ||
| // The dynamic value is set to the custom property | ||
| { '--opacity-xyz': props.opacity }, | ||
| props.css | ||
@@ -328,0 +331,0 @@ ); |
@@ -99,3 +99,3 @@ /** | ||
| console.error( | ||
| `Compiled style value of ${value} is not "string."` | ||
| `styleq: typeof ${value} is not "string".` | ||
| ); | ||
@@ -102,0 +102,0 @@ } |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.39%
51788
- Number of lines in readme file
- increased by0.61%
493