@thednp/color-picker 0.0.1-alpha1 → 0.0.1

package/types/index.d.ts

@@ -1,5 +1,5 @@
 export as namespace CP;
-export {Color, ColorPicker, ColorPickerElement};
+export {Color, ColorPicker, ColorPalette, ColorPickerElement};
 
 export {
   HSL,
@@ -8,16 +8,19 @@ export {
   RGBA,
   HSV,
   HSVA,
+  HWB,
+  HWBA,
+  ColorPickerOptions,
   ColorObject,
   ColorFormats,
   ColorInput,
-  ColorOptions,
   GetInstance,
   InitCallback,
 } from './source/types';
 
 import './cp';
 import { default as Color } from "color-picker/src/js/color";
+import { default as ColorPalette } from "color-picker/src/js/color-palette";
 import { default as ColorPicker } from "color-picker/src/js/color-picker";
 import { default as ColorPickerElement } from "color-picker/src/js/color-picker-element";
 
@@ -29,6 +32,10 @@ declare module "@thednp/color-picker/src/js/color" {
   export default Color;
 }
 
+declare module "@thednp/color-picker/src/js/color-palette" {
+  export default ColorPalette;
+}
+
 declare module "@thednp/color-picker/src/js/color-picker" {
   export default ColorPicker;
 }

package/types/source/source.ts

@@ -1,4 +1,5 @@
 // export { default as Color } from "../../types/source/types";
 export { default as Color } from "../../src/js/color";
+export { default as ColorPalette } from "../../src/js/color-palette";
 export { default as ColorPicker } from "../../src/js/color-picker";
-export { default as ColorPickerElement } from "../../src/js/color-picker-element";
+export { default as ColorPickerElement } from "../../src/js/color-picker-element";

package/types/source/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * A `Color` compatible object.
  */
-export interface ColorObject {
+ export interface ColorObject {
   r: number;
   g: number;
   b: number;
@@ -59,9 +59,32 @@ export interface HSVA extends HSV {
   a: number;
 }
 
-export interface ColorOptions { format: ColorFormats; }
-export type ColorInput = string | number | RGB | RGBA | HSL | HSLA | HSV | HSVA | ColorObject;
-export type ColorFormats = string | 'rgb' | 'hex' | 'hex3' | 'hex6' | 'hsl' | 'hsv';
+/**
+ * The HWB model describes colors in terms of
+ * hue, whiteness, and blackness.
+ * @link https://www.w3.org/TR/css-color-4/#hwb-to-rgb
+ * @link http://alvyray.com/Papers/CG/hwb2rgb.htm
+ */
+ export interface HWB {
+  h: number;
+  w: number;
+  b: number;
+}
+
+export interface HWBA extends HWB {
+  a: number;
+}
+
+export interface ColorPickerOptions {
+  colorLabels?: string[];
+  componentLabels?: Record<string, string>;
+  format?: ColorFormats;
+  colorPresets?: string[];
+  colorKeywords?: string[];
+}
+
+export type ColorInput = string | number | RGB | RGBA | HSL | HSLA | HSV | HSVA | HWB | ColorObject;
+export type ColorFormats = string | 'rgb' | 'hex' | 'hex3' | 'hex4' | 'hex6' | 'hex8' | 'hsl' | 'hsv' | 'hwb';
 
 export type GetInstance<T> = (element: string | HTMLInputElement) => T | null;
-export type InitCallback<T> = (element: string | HTMLInputElement, config?: ColorOptions) => T;
+export type InitCallback<T> = (element: string | HTMLInputElement) => T;