@csstools/postcss-hwb-function - npm Package Compare versions

Comparing version 3.0.8 to 3.0.9

CHANGELOG.md

 # Changes to PostCSS HWB Function
 
+### 3.0.9
+
+_February 19, 2024_
+
+- Reuse code with `@csstools/utilities`
+- Updated [`@csstools/css-parser-algorithms`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-parser-algorithms) to [`2.6.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-parser-algorithms/CHANGELOG.md#260) (minor)
+- Updated [`@csstools/postcss-progressive-custom-properties`](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties) to [`3.1.0`](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties/CHANGELOG.md#310) (minor)
+- Updated [`@csstools/css-color-parser`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser) to [`1.5.2`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser/CHANGELOG.md#152) (patch)
+
 ### 3.0.8
@@ -20,8 +29,2 @@
 
-### 3.0.6
-
-_October 9, 2023_
-
-- Updated [`@csstools/css-color-parser`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser) to [`1.4.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser/CHANGELOG.md#140) (minor)
-
 [Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-hwb-function/CHANGELOG.md)

dist/index.d.ts

 import type { PluginCreator } from 'postcss';
 
 /** postcss-hwb-function plugin options */
+export declare type basePluginOptions = {
+    /** Preserve the original notation. default: false */
+    preserve?: boolean;
+};
+
+/** postcss-hwb-function plugin options */
 export declare type pluginOptions = {
     /** Preserve the original notation. default: false */
     preserve?: boolean;
+    /** Enable "@csstools/postcss-progressive-custom-properties". default: true */
+    enableProgressiveCustomProperties?: boolean;
 };
@@ -8,0 +16,0 @@

package.json

 {
 	"name": "@csstools/postcss-hwb-function",
 	"description": "Use hwb() color functions in CSS",
-	"version": "3.0.8",
-	"author": "Jonathan Neal <[e-mail]>",
+	"version": "3.0.9",
+	"contributors": [
+		{
+			"name": "Antonio Laguna",
+			"email": "[e-mail]",
+			"url": "https://antonio.laguna.es"
+		},
+		{
+			"name": "Romain Menke",
+			"email": "[e-mail]"
+		}
+	],
 	"license": "MIT-0",
@@ -36,3 +46,2 @@ "funding": [
 		"CHANGELOG.md",
-		"INSTALL.md",
 		"LICENSE.md",
@@ -43,5 +52,7 @@ "README.md",
 	"dependencies": {
-		"@csstools/css-color-parser": "^1.5.1",
-		"@csstools/css-parser-algorithms": "^2.5.0",
-		"@csstools/css-tokenizer": "^2.2.3"
+		"@csstools/css-color-parser": "^1.5.2",
+		"@csstools/css-parser-algorithms": "^2.6.0",
+		"@csstools/css-tokenizer": "^2.2.3",
+		"@csstools/postcss-progressive-custom-properties": "^3.1.0",
+		"@csstools/utilities": "^1.0.0"
 	},
@@ -60,8 +71,4 @@ "peerDependencies": {
 		"color",
-		"comma",
 		"css",
 		"design",
-		"functional",
-		"hsl",
-		"hsla",
 		"hwb",
@@ -71,7 +78,4 @@ "notation",
 		"postcss-plugin",
-		"rgb",
-		"rgba",
-		"space",
 		"syntax"
 	]
 }

README.md

@@ -1,16 +0,17 @@
-# PostCSS HWB Function [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][postcss]
+# PostCSS HWB Function [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
 
-[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/postcss-hwb-function.svg" height="20">][npm-url]
-[<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url]
-[<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
-<br><br>
-[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/hwb-function.svg" height="20">][css-url]
-[<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/hwb-function.svg" height="20">][css-url]
+[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/postcss-hwb-function.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/hwb-function.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/hwb-function.svg" height="20">][css-url] 
 
-[PostCSS HWB Function] lets you use `hwb` color functions in
-CSS, following the [CSS Color] specification.
+```bash
+npm install @csstools/postcss-hwb-function --save-dev
+```
 
+[PostCSS HWB Function] lets you use the `hwb()` color function in CSS, following [CSS Color Module 4].
+
 ```pcss
 a {
 	color: hwb(194 0% 0%);
+}
+
+b {
 	color: hwb(194 0% 0% / .5);
@@ -22,5 +23,8 @@ }
 a {
-	color: rgb(0, 195, 255);
-	color: rgba(0, 195, 255, .5);
+	color: rgb(0, 196, 255);
 }
+
+b {
+	color: rgba(0, 196, 255, 0.5);
+}
 ```
@@ -43,3 +47,3 @@
 postcss([
-  postcssHWBFunction(/* pluginOptions */)
+	postcssHWBFunction(/* pluginOptions */)
 ]).process(YOUR_CSS /*, processOptions */);
@@ -51,4 +55,9 @@ ```
 
-| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
-| --- | --- | --- | --- | --- |
+- [Node](INSTALL.md#node)
+- [PostCSS CLI](INSTALL.md#postcss-cli)
+- [PostCSS Load Config](INSTALL.md#postcss-load-config)
+- [Webpack](INSTALL.md#webpack)
+- [Next.js](INSTALL.md#nextjs)
+- [Gulp](INSTALL.md#gulp)
+- [Grunt](INSTALL.md#grunt)
 
@@ -59,3 +68,3 @@ ## Options
 
-The `preserve` option determines whether the original functional color notation
+The `preserve` option determines whether the original notation
 is preserved. By default, it is not preserved.
@@ -70,2 +79,5 @@
 	color: hwb(194 0% 0%);
+}
+
+b {
 	color: hwb(194 0% 0% / .5);
@@ -77,5 +89,8 @@ }
 a {
-	color: rgb(0, 195, 255);
+	color: rgb(0, 196, 255);
 	color: hwb(194 0% 0%);
-	color: rgba(0, 195, 255, .5);
+}
+
+b {
+	color: rgba(0, 196, 255, 0.5);
 	color: hwb(194 0% 0% / .5);
@@ -90,7 +105,4 @@ }
 
-[CSS Color]: https://drafts.csswg.org/css-color/#the-hwb-notation
-[Gulp PostCSS]: https://github.com/postcss/gulp-postcss
-[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
 [PostCSS]: https://github.com/postcss/postcss
-[PostCSS Loader]: https://github.com/postcss/postcss-loader
 [PostCSS HWB Function]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-hwb-function
+[CSS Color Module 4]: https://www.w3.org/TR/css-color-4/#the-hwb-notation

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

Improved metrics

Lines of code

27

increased by12.5%

Number of lines in readme file

102

increased by13.33%

Worsened metrics

Total package byte prevSize

10882

decreased by-28.8%

Dependency count

6

increased by50%

Number of package files

7

decreased by-12.5%

Dependency changes

• + Added@csstools/postcss-progressive-custom-properties@^3.1.0

• + Added@csstools/utilities@^1.0.0

• + Added@csstools/postcss-progressive-custom-properties@3.3.0(transitive)

• + Added@csstools/utilities@1.0.0(transitive)

• + Addedpostcss-value-parser@4.2.0(transitive)

• Updated@csstools/css-color-parser@^1.5.2

• Updated@csstools/css-parser-algorithms@^2.6.0