@evilmartians/harmony - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/base/index.js

 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-
 module.exports = {
@@ -331,1 +329,2 @@ "red": {
 };
+Object.defineProperty(exports, '__esModule', { value: true });

dist/tailwind/index.js

 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-
 module.exports = {
@@ -336,1 +334,2 @@ "inherit": "inherit",
 };
+Object.defineProperty(exports, '__esModule', { value: true });

package.json

 {
   "name": "@evilmartians/harmony",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "scripts": {
@@ -19,3 +19,4 @@ "build": "deno task build",
       "types": "./dist/base/index.d.ts"
-    }
+    },
+    "./css/*": "./dist/css/*"
   },
@@ -22,0 +23,0 @@ "files": [

README.md

@@ -0,4 +1,7 @@
+![Harmony](cover.png)
+
 # Harmony: Accessible UI Color Palette
 
-The [Harmony palette](https://www.figma.com/community/file/1287828769207775946/harmony-accessible-ui-color-palette)
+The
+[Harmony palette](https://www.figma.com/community/file/1287828769207775946/harmony-accessible-ui-color-palette)
 is designed to elevate control over color contrast in your design system. With
@@ -9,5 +12,9 @@ the OKLCH color space and the innovative APCA contrast algorithm, Harmony offers
 
-<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" /> Made by Evil Martians, product consulting for developer tools.
+<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Made
+by
+<b><a href="https://evilmartians.com/devtools?utm_source=harmony&utm_campaign=devtools-button&utm_medium=github">Evil
+Martians</a></b>, product consulting for <b>developer tools</b>.
 
 ## Features
+
 - Equal contrast within lightness groups
@@ -42,3 +49,3 @@ - Mirrored contrast pairs
 
-> ⚠️ Harmony uses `oklch` colors and so requires a polyfill
+> ⚠️ Harmony uses `oklch` colors and so requires a polyfill for old browsers
 
@@ -63,2 +70,14 @@ 1. Install PostCSS plugin that polyfills oklch colors
 
+## Vanilla CSS
+
+Harmony palette provides a set of files with css variables. Each file contains all shades for one color in OKLCH with RGB fallbacks for old browsers. Just import colors you need and use them in css:
+
+```css
+@import '@evilmartians/harmony/css/orange.css';
+
+h1 {
+  color: var(--orange-600);
+}
+```
+
 ## Other formats
@@ -65,0 +84,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

Improved metrics

Total package byte prevSize

94404

increased by31.84%

Number of package files

34

increased by277.78%

Lines of code

2733

increased by37.82%

Number of lines in readme file

89

increased by27.14%

No dependency changes