@soybeanjs/colord 0.0.1 → 0.0.2

package/dist/plugins/a11y.d.ts

@@ -6,7 +6,7 @@ interface ReadabilityOptions {
   level?: 'AA' | 'AAA';
   size?: 'normal' | 'large';
 }
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Returns the relative luminance of a color,

package/dist/plugins/cmyk.d.ts

@@ -2,7 +2,7 @@ import { i as CmykColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/cmyk.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Converts a color to CMYK color space and returns an object.

package/dist/plugins/harmonies.d.ts

@@ -2,7 +2,7 @@ import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/harmonies.d.ts
 type HarmonyType = 'analogous' | 'complementary' | 'double-split-complementary' | 'rectangle' | 'split-complementary' | 'tetradic' | 'triadic';
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Returns an array of harmony colors as `Colord` instances.

package/dist/plugins/hwb.d.ts

@@ -2,7 +2,7 @@ import { c as HwbColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/hwb.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Converts a color to HWB (Hue-Whiteness-Blackness) color space and returns an object.

package/dist/plugins/lab.d.ts

@@ -2,7 +2,7 @@ import { r as AnyColor, u as LabColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/lab.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Converts a color to CIELAB color space and returns an object.

package/dist/plugins/lch.d.ts

@@ -2,7 +2,7 @@ import { d as LchColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/lch.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Converts a color to CIELCH (Lightness-Chroma-Hue) color space and returns an object.

package/dist/plugins/minify.d.ts

@@ -9,7 +9,7 @@ interface MinificationOptions {
   name?: boolean;
   transparent?: boolean;
 }
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /** Returns the shortest string representation of the color */
     minify(options?: MinificationOptions): string;

package/dist/plugins/mix.d.ts

@@ -2,7 +2,7 @@ import { r as AnyColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/mix.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /**
      * Produces a mixture of two colors through CIE LAB color space and returns a new Colord instance.

package/dist/plugins/names.d.ts

@@ -4,7 +4,7 @@ import { t as Plugin } from "../extend-DrPfn2Q1.js";
 interface ConvertOptions {
   closest?: boolean;
 }
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     /** Finds CSS color keyword that matches with the color value */
     toName(options?: ConvertOptions): string | undefined;

package/dist/plugins/oklab.d.ts

@@ -2,9 +2,10 @@ import { f as OklabColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/oklab.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     toOklab(): OklabColor;
+    toOklabString(): string;
   }
 }
 /**

package/dist/plugins/oklab.js

@@ -83,6 +83,10 @@ const parseOklabString = (input) => {
 		alpha: parseAlpha(alpha)
 	}));
 };
+const rgbToOklabString = (rgb) => {
+	const { l, a, b, alpha } = roundOklab(rgbToOklab(rgb));
+	return alpha < 1 ? `oklab(${l}% ${a} ${b} / ${alpha})` : `oklab(${l}% ${a} ${b})`;
+};
 
 //#endregion
 //#region src/plugins/oklab.ts
@@ -94,6 +98,9 @@ const oklabPlugin = (ColordClass, parsers) => {
 	ColordClass.prototype.toOklab = function toOklab() {
 		return roundOklab(rgbToOklab(this.rgb));
 	};
+	ColordClass.prototype.toOklabString = function toOklabString() {
+		return rgbToOklabString(this.rgb);
+	};
 	parsers.string.push([parseOklabString, "oklab"]);
 	parsers.object.push([parseOklab, "oklab"]);
 };

package/dist/plugins/oklch.d.ts

@@ -2,9 +2,10 @@ import { p as OklchColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/oklch.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     toOklch(): OklchColor;
+    toOklchString(): string;
   }
 }
 /**

package/dist/plugins/oklch.js

@@ -92,6 +92,10 @@ const parseOklchString = (input) => {
 		alpha: parseAlpha(alpha)
 	}));
 };
+const rgbToOklchString = (rgb) => {
+	const { l, c, h, alpha } = roundOklch(rgbToOklch(rgb));
+	return alpha < 1 ? `oklch(${l}% ${c} ${h} / ${alpha})` : `oklch(${l}% ${c} ${h})`;
+};
 
 //#endregion
 //#region src/plugins/oklch.ts
@@ -103,6 +107,9 @@ const oklchPlugin = (ColordClass, parsers) => {
 	ColordClass.prototype.toOklch = function toOklch() {
 		return roundOklch(rgbToOklch(this.rgb));
 	};
+	ColordClass.prototype.toOklchString = function toOklchString() {
+		return rgbToOklchString(this.rgb);
+	};
 	parsers.string.push([parseOklchString, "oklch"]);
 	parsers.object.push([parseOklch, "oklch"]);
 };

package/dist/plugins/xyz.d.ts

@@ -2,7 +2,7 @@ import { g as XyzColor } from "../colord-xpgrVWRV.js";
 import { t as Plugin } from "../extend-DrPfn2Q1.js";
 
 //#region src/plugins/xyz.d.ts
-declare module '../colord' {
+declare module '@soybeanjs/colord' {
   interface Colord {
     toXyz(): XyzColor;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/colord",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A tiny yet powerful tool for high-performance color manipulations and conversions",
   "author": {
     "name": "Soybean",