@cobalt-ui/plugin-css - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

CHANGELOG.md

 # @cobalt-ui/plugin-css
 
+## 0.4.2
+
+### Patch Changes
+
+- 93668b9: Fix gradient generation
+
 ## 0.4.1
@@ -4,0 +10,0 @@

dist/index.js

@@ -198,3 +198,3 @@ import color from 'better-color-tools';
 function transformGradient(value) {
-    return value.map((g) => `${color} ${g.position * 100}`).join(', ');
+    return value.map((g) => `${g.color} ${g.position * 100}%`).join(', ');
 }
@@ -201,0 +201,0 @@ /** transform typography */

package.json

 {
   "name": "@cobalt-ui/plugin-css",
   "description": "Generate CSS from your design tokens schema (requires @cobalt-ui/cli)",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "author": {
@@ -6,0 +6,0 @@ "name": "Drew Powers",

src/index.ts

@@ -236,3 +236,3 @@ import type {
 function transformGradient(value: ParsedGradientToken['value']): string {
-  return value.map((g: GradientStop) => `${color} ${g.position * 100}`).join(', ');
+  return value.map((g: GradientStop) => `${g.color} ${g.position * 100}%`).join(', ');
 }
@@ -239,0 +239,0 @@ /** transform typography */

test/fixtures/color/given.json

@@ -28,3 +28,10 @@ {
     }
+  },
+  "gradient": {
+    "type": "gradient",
+    "value": [
+      { "color": "#218bff", "position": 0 },
+      { "color": "#e85aad", "position": 1 }
+    ]
   }
 }

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

Total package byte prevSize

55052

increased by0.95%

Lines of code

749

increased by1.49%

No dependency changes