@uni-design-system/uni-core 0.0.27 → 0.0.29

package/dist/cjs/core/color/color.helper.d.ts

@@ -1,3 +1,4 @@
-import { HSLA, UniColor } from './color.model';
-export declare function hslaToString({ hue, saturation, lightness, alpha }: HSLA): string;
+import { HSL, HSLA, RGB, UniColor } from './color.model';
+export declare function HSLAToString({ hue, saturation, lightness, alpha }: HSLA): string;
 export declare function uniColor({ role, category, alpha }: UniColor): string;
+export declare const RGBToHSL: ({ red, green, blue }: RGB) => HSL;

package/dist/cjs/core/color/color.helper.js

@@ -1,17 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uniColor = exports.hslaToString = void 0;
-const color_types_1 = require("./color.types");
+exports.RGBToHSL = exports.uniColor = exports.HSLAToString = void 0;
+const color_records_1 = require("./color.records");
 const color_utils_1 = require("./color.utils");
-function hslaToString({ hue, saturation, lightness, alpha = 1 }) {
+function HSLAToString({ hue, saturation, lightness, alpha = 1 }) {
     return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
 }
-exports.hslaToString = hslaToString;
+exports.HSLAToString = HSLAToString;
 function uniColor({ role, category, alpha = 1 }) {
-    const hue = (0, color_utils_1.randomRangeValue)(color_types_1.RoleHues[role]);
-    const saturation = (0, color_utils_1.randomRangeValue)(color_types_1.CategorySaturation[category]);
-    const lightness = (0, color_utils_1.randomRangeValue)(color_types_1.CategoryLightness[category]);
-    return hslaToString({ hue, saturation, lightness, alpha });
+    const hue = (0, color_utils_1.randomRangeValue)(color_records_1.RoleHues[role]);
+    const saturation = (0, color_utils_1.randomRangeValue)(color_records_1.CategorySaturation[category]);
+    const lightness = (0, color_utils_1.randomRangeValue)(color_records_1.CategoryLightness[category]);
+    return HSLAToString({ hue, saturation, lightness, alpha });
 }
 exports.uniColor = uniColor;
+const RGBToHSL = ({ red, green, blue }) => {
+    red /= 255;
+    green /= 255;
+    blue /= 255;
+    const l = Math.max(red, green, blue);
+    const s = l - Math.min(red, green, blue);
+    const h = s ? (l === red ? (green - blue) / s : l === green ? 2 + (blue - red) / s : 4 + (red - green) / s) : 0;
+    return {
+        hue: 60 * h < 0 ? 60 * h + 360 : 60 * h,
+        saturation: 100 * (s ? (l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s))) : 0),
+        lightness: (100 * (2 * l - s)) / 2,
+    };
+};
+exports.RGBToHSL = RGBToHSL;
 //# sourceMappingURL=color.helper.js.map

package/dist/cjs/core/color/color.helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":";;;AACA,+CAAgF;AAChF,+CAAiD;AAEjD,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAFD,oCAEC;AAED,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,IAAA,8BAAgB,EAAC,sBAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAA,8BAAgB,EAAC,gCAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,8BAAgB,EAAC,+BAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAND,4BAMC"}
+{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":";;;AACA,mDAAkF;AAClF,+CAAiD;AAEjD,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAFD,oCAEC;AAED,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,IAAA,8BAAgB,EAAC,wBAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAA,8BAAgB,EAAC,kCAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,8BAAgB,EAAC,iCAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAND,4BAMC;AAEM,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO,EAAO,EAAE;IACzD,GAAG,IAAI,GAAG,CAAC;IACX,KAAK,IAAI,GAAG,CAAC;IACb,IAAI,IAAI,GAAG,CAAC;IACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO;QACL,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QACvC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,SAAS,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}

package/dist/cjs/core/color/color.model.d.ts

@@ -1,4 +1,4 @@
-import { ColorCategory, ColorRole, ColorScheme, colorStyles } from './color.types';
+import { ColorCategory, ColorRole, ColorScheme, ColorStyles } from './color.types';
 export interface UniColor {
     scheme: ColorScheme;
     role: ColorRole;
@@ -9,7 +9,7 @@ export interface Color {
     scheme?: ColorScheme;
     role?: ColorRole;
     category?: ColorCategory;
-    style?: colorStyles;
+    style?: ColorStyles;
     GradientPosition?: GradientPosition;
     saturationRange?: Range;
     brightnessRangeMap?: Range;
@@ -26,9 +26,20 @@ export interface Range {
     high: number;
     default?: number;
 }
-export interface HSLA {
+export interface HSL {
     hue?: number;
     saturation?: number;
     lightness?: number;
     alpha?: number;
 }
+export interface HSLA extends HSL {
+    alpha?: number;
+}
+export interface RGB {
+    red: number;
+    green: number;
+    blue: number;
+}
+export interface RGBA extends RGB {
+    alpha: number;
+}

package/dist/cjs/core/color/color.records.d.ts

@@ -0,0 +1,5 @@
+import { Range } from './color.model';
+import { ColorCategory, ColorRole, UtilityColorRole } from './color.types';
+export declare const CategorySaturation: Record<ColorCategory, Range>;
+export declare const CategoryLightness: Record<ColorCategory, Range>;
+export declare const RoleHues: Record<ColorRole | UtilityColorRole, Range>;

package/dist/cjs/core/color/color.records.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoleHues = exports.CategoryLightness = exports.CategorySaturation = void 0;
+exports.CategorySaturation = {
+    jewel: { low: 73, high: 83 },
+    pastel: { low: 14, high: 21 },
+    earth: { low: 36, high: 41 },
+    neutral: { low: 1, high: 10 },
+    florescent: { low: 63, high: 100 },
+    shades: { low: 0, high: 0 },
+};
+exports.CategoryLightness = {
+    jewel: { low: 56, high: 76 },
+    pastel: { low: 89, high: 96 },
+    earth: { low: 36, high: 77 },
+    neutral: { low: 70, high: 99 },
+    florescent: { low: 82, high: 100 },
+    shades: { low: 0, high: 100 },
+};
+exports.RoleHues = {
+    primary: { low: 73, high: 83, default: 0 },
+    secondary: { low: 14, high: 21, default: 0 },
+    tertiary: { low: 36, high: 41, default: 0 },
+    inverse: { low: 63, high: 100, default: 0 },
+    ghost: { low: 0, high: 0, default: 0 },
+    warn: { low: 320, high: 20, default: 0 },
+    alert: { low: 40, high: 70, default: 60 },
+    success: { low: 90, high: 150, default: 120 },
+    info: { low: 200, high: 260, default: 240 }, // blue
+};
+//# sourceMappingURL=color.records.js.map

package/dist/cjs/core/color/color.records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.records.js","sourceRoot":"","sources":["../../../../src/core/color/color.records.ts"],"names":[],"mappings":";;;AAGa,QAAA,kBAAkB,GAAiC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEW,QAAA,iBAAiB,GAAiC;IAC7D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAEW,QAAA,QAAQ,GAAgD;IACnE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IACtC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAC"}

package/dist/cjs/core/color/color.types.d.ts

@@ -1,16 +1,12 @@
-import { Range } from './color.model';
-export declare type colorStyles = 'solid' | 'transparent' | 'gradient';
-export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
 export declare type ColorScheme = 'monochromatic' | 'analogous' | 'complimentary' | 'splitComplimentary' | 'triadic';
 export declare type ColorCategory = 'jewel' | 'pastel' | 'earth' | 'neutral' | 'florescent' | 'shades';
-export declare const CategorySaturation: Record<ColorCategory, Range>;
-export declare const CategoryLightness: Record<ColorCategory, Range>;
-export declare type UtilityColorRole = 'warn' | 'alert' | 'success' | 'info';
-export declare type ColorRole = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
-export declare const RoleHues: Record<ColorRole | UtilityColorRole, Range>;
+export declare type ColorStyles = 'solid' | 'transparent' | 'gradient';
+export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
 export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
-export declare type ColorToken = ElementColorToken | ContainerColorToken | ContentColorToken | UtilityColorToken;
+export declare type ColorRole = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
+export declare type ColorToken = ElementColorToken | UtilityColorToken | ContainerColorToken | ContentColorToken;
 export declare type ElementColorToken = 'primary' | 'secondary' | 'tertiary' | 'error';
+export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';
+export declare type UtilityColorRole = 'warn' | 'alert' | 'success' | 'info';
 export declare type ContainerColorToken = 'primary-container' | 'secondary-container' | 'tertiary-container' | 'error-container' | 'background' | 'surface' | 'surface-variant' | 'inverse-surface' | 'transparent';
 export declare type ContentColorToken = 'on-primary' | 'on-primary-container' | 'on-secondary' | 'on-secondary-container' | 'on-tertiary' | 'on-tertiary-container' | 'on-error' | 'on-error-container' | 'on-background' | 'on-surface' | 'on-surface-variant' | 'inverse-on-surface' | 'inverse-on-surface-primary';
-export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';

package/dist/cjs/core/color/color.types.js

@@ -2,32 +2,4 @@
 // https://designerup.co/blog/ui-design-choosing-color-palettes/
 // https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoleHues = exports.CategoryLightness = exports.CategorySaturation = void 0;
-exports.CategorySaturation = {
-    jewel: { low: 73, high: 83 },
-    pastel: { low: 14, high: 21 },
-    earth: { low: 36, high: 41 },
-    neutral: { low: 1, high: 10 },
-    florescent: { low: 63, high: 100 },
-    shades: { low: 0, high: 0 },
-};
-exports.CategoryLightness = {
-    jewel: { low: 56, high: 76 },
-    pastel: { low: 89, high: 96 },
-    earth: { low: 36, high: 77 },
-    neutral: { low: 70, high: 99 },
-    florescent: { low: 82, high: 100 },
-    shades: { low: 0, high: 100 },
-};
-exports.RoleHues = {
-    primary: { low: 73, high: 83, default: 0 },
-    secondary: { low: 14, high: 21, default: 0 },
-    tertiary: { low: 36, high: 41, default: 0 },
-    inverse: { low: 63, high: 100, default: 0 },
-    ghost: { low: 0, high: 0, default: 0 },
-    warn: { low: 320, high: 20, default: 0 },
-    alert: { low: 40, high: 70, default: 60 },
-    success: { low: 90, high: 150, default: 120 },
-    info: { low: 200, high: 260, default: 240 }, // blue
-};
 //# sourceMappingURL=color.types.js.map

package/dist/cjs/core/color/color.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":";AAAA,gEAAgE;AAChE,2EAA2E;;;AAY9D,QAAA,kBAAkB,GAAiC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEW,QAAA,iBAAiB,GAAiC;IAC7D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAUW,QAAA,QAAQ,GAAgD;IACnE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IACtC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAC"}
+{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":";AAAA,gEAAgE;AAChE,2EAA2E"}

package/dist/cjs/core/color/color.utils.d.ts

@@ -1,2 +1,7 @@
 import { Range } from './color.model';
 export declare const randomRangeValue: ({ low, high }: Range) => number;
+export declare const cycle: (angle: number) => number;
+export declare const getAnalogousHues: (hue: number) => number[];
+export declare const getComplimentaryHue: (hue: number) => number;
+export declare const getTriadicHues: (hue: number) => number[];
+export declare const getSplitComplimentaryHues: (hue: number) => number[];

package/dist/cjs/core/color/color.utils.js

@@ -1,10 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.randomRangeValue = void 0;
+exports.getSplitComplimentaryHues = exports.getTriadicHues = exports.getComplimentaryHue = exports.getAnalogousHues = exports.cycle = exports.randomRangeValue = void 0;
 const randomRangeValue = ({ low, high }) => {
     low = Math.ceil(low);
     high = Math.floor(high);
     return Math.floor(Math.random() * (high - low + 1)) + low;
 };
 exports.randomRangeValue = randomRangeValue;
+const cycle = (angle) => {
+    if (angle > 360)
+        return angle - 360;
+    if (angle < 0)
+        return angle + 360;
+    return angle;
+};
+exports.cycle = cycle;
+const getAnalogousHues = (hue) => [(0, exports.cycle)(hue + 30), (0, exports.cycle)(hue + 60)];
+exports.getAnalogousHues = getAnalogousHues;
+const getComplimentaryHue = (hue) => (0, exports.cycle)(hue + 180);
+exports.getComplimentaryHue = getComplimentaryHue;
+const getTriadicHues = (hue) => [(0, exports.cycle)(hue + 120), (0, exports.cycle)(hue - 120)];
+exports.getTriadicHues = getTriadicHues;
+const getSplitComplimentaryHues = (hue) => [(0, exports.cycle)(hue + 150), (0, exports.cycle)(hue - 150)];
+exports.getSplitComplimentaryHues = getSplitComplimentaryHues;
 //# sourceMappingURL=color.utils.js.map

package/dist/cjs/core/color/color.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.utils.js","sourceRoot":"","sources":["../../../../src/core/color/color.utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAS,EAAU,EAAE;IAC/D,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC5D,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B"}
+{"version":3,"file":"color.utils.js","sourceRoot":"","sources":["../../../../src/core/color/color.utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAS,EAAU,EAAE;IAC/D,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC5D,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B;AAEK,MAAM,KAAK,GAAG,CAAC,KAAa,EAAU,EAAE;IAC7C,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,KAAK,GAAG,GAAG,CAAC;IACpC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,KAAK,GAAG,GAAG,CAAC;IAClC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAJW,QAAA,KAAK,SAIhB;AAEK,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAY,EAAE,CAAC,CAAC,IAAA,aAAK,EAAC,GAAG,GAAG,EAAE,CAAC,EAAE,IAAA,aAAK,EAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;AAAjF,QAAA,gBAAgB,oBAAiE;AACvF,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,IAAA,aAAK,EAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAAhE,QAAA,mBAAmB,uBAA6C;AACtE,MAAM,cAAc,GAAG,CAAC,GAAW,EAAY,EAAE,CAAC,CAAC,IAAA,aAAK,EAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAA,aAAK,EAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAAjF,QAAA,cAAc,kBAAmE;AACvF,MAAM,yBAAyB,GAAG,CAAC,GAAW,EAAY,EAAE,CAAC,CAAC,IAAA,aAAK,EAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAA,aAAK,EAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAA5F,QAAA,yBAAyB,6BAAmE"}

package/dist/cjs/core/color/index.d.ts

@@ -1,3 +1,5 @@
 export * from './color.helper';
 export * from './color.model';
 export * from './color.types';
+export * from './color.records';
+export * from './color.utils';

package/dist/cjs/core/color/index.js

@@ -17,4 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./color.helper"), exports);
 __exportStar(require("./color.model"), exports);
 __exportStar(require("./color.types"), exports);
+__exportStar(require("./color.records"), exports);
+__exportStar(require("./color.utils"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/core/color/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,kDAAgC;AAChC,gDAA8B"}

package/dist/cjs/core/palette/index.d.ts

@@ -0,0 +1 @@
+export * from './palette.model';

package/dist/cjs/core/palette/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./palette.model"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/core/palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/palette/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/cjs/core/palette/palette.model.d.ts

@@ -0,0 +1,6 @@
+import { ColorCategory, ColorScheme } from '../color';
+export interface Palette {
+    hue: number;
+    scheme: ColorScheme;
+    category: ColorCategory;
+}

package/dist/cjs/core/palette/palette.model.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=palette.model.js.map

package/dist/cjs/core/palette/palette.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.model.js","sourceRoot":"","sources":["../../../../src/core/palette/palette.model.ts"],"names":[],"mappings":""}

package/dist/esm/core/color/color.helper.d.ts

@@ -1,3 +1,4 @@
-import { HSLA, UniColor } from './color.model';
-export declare function hslaToString({ hue, saturation, lightness, alpha }: HSLA): string;
+import { HSL, HSLA, RGB, UniColor } from './color.model';
+export declare function HSLAToString({ hue, saturation, lightness, alpha }: HSLA): string;
 export declare function uniColor({ role, category, alpha }: UniColor): string;
+export declare const RGBToHSL: ({ red, green, blue }: RGB) => HSL;

package/dist/esm/core/color/color.helper.js

@@ -1,12 +1,25 @@
-import { CategoryLightness, CategorySaturation, RoleHues } from './color.types';
+import { CategoryLightness, CategorySaturation, RoleHues } from './color.records';
 import { randomRangeValue } from './color.utils';
-export function hslaToString({ hue, saturation, lightness, alpha = 1 }) {
+export function HSLAToString({ hue, saturation, lightness, alpha = 1 }) {
     return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
 }
 export function uniColor({ role, category, alpha = 1 }) {
     const hue = randomRangeValue(RoleHues[role]);
     const saturation = randomRangeValue(CategorySaturation[category]);
     const lightness = randomRangeValue(CategoryLightness[category]);
-    return hslaToString({ hue, saturation, lightness, alpha });
+    return HSLAToString({ hue, saturation, lightness, alpha });
 }
+export const RGBToHSL = ({ red, green, blue }) => {
+    red /= 255;
+    green /= 255;
+    blue /= 255;
+    const l = Math.max(red, green, blue);
+    const s = l - Math.min(red, green, blue);
+    const h = s ? (l === red ? (green - blue) / s : l === green ? 2 + (blue - red) / s : 4 + (red - green) / s) : 0;
+    return {
+        hue: 60 * h < 0 ? 60 * h + 360 : 60 * h,
+        saturation: 100 * (s ? (l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s))) : 0),
+        lightness: (100 * (2 * l - s)) / 2,
+    };
+};
 //# sourceMappingURL=color.helper.js.map

package/dist/esm/core/color/color.helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC"}
+{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO,EAAO,EAAE;IACzD,GAAG,IAAI,GAAG,CAAC;IACX,KAAK,IAAI,GAAG,CAAC;IACb,IAAI,IAAI,GAAG,CAAC;IACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO;QACL,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QACvC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,SAAS,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/core/color/color.model.d.ts

@@ -1,4 +1,4 @@
-import { ColorCategory, ColorRole, ColorScheme, colorStyles } from './color.types';
+import { ColorCategory, ColorRole, ColorScheme, ColorStyles } from './color.types';
 export interface UniColor {
     scheme: ColorScheme;
     role: ColorRole;
@@ -9,7 +9,7 @@ export interface Color {
     scheme?: ColorScheme;
     role?: ColorRole;
     category?: ColorCategory;
-    style?: colorStyles;
+    style?: ColorStyles;
     GradientPosition?: GradientPosition;
     saturationRange?: Range;
     brightnessRangeMap?: Range;
@@ -26,9 +26,20 @@ export interface Range {
     high: number;
     default?: number;
 }
-export interface HSLA {
+export interface HSL {
     hue?: number;
     saturation?: number;
     lightness?: number;
     alpha?: number;
 }
+export interface HSLA extends HSL {
+    alpha?: number;
+}
+export interface RGB {
+    red: number;
+    green: number;
+    blue: number;
+}
+export interface RGBA extends RGB {
+    alpha: number;
+}

package/dist/esm/core/color/color.records.d.ts

@@ -0,0 +1,5 @@
+import { Range } from './color.model';
+import { ColorCategory, ColorRole, UtilityColorRole } from './color.types';
+export declare const CategorySaturation: Record<ColorCategory, Range>;
+export declare const CategoryLightness: Record<ColorCategory, Range>;
+export declare const RoleHues: Record<ColorRole | UtilityColorRole, Range>;

package/dist/esm/core/color/color.records.js

@@ -0,0 +1,28 @@
+export const CategorySaturation = {
+    jewel: { low: 73, high: 83 },
+    pastel: { low: 14, high: 21 },
+    earth: { low: 36, high: 41 },
+    neutral: { low: 1, high: 10 },
+    florescent: { low: 63, high: 100 },
+    shades: { low: 0, high: 0 },
+};
+export const CategoryLightness = {
+    jewel: { low: 56, high: 76 },
+    pastel: { low: 89, high: 96 },
+    earth: { low: 36, high: 77 },
+    neutral: { low: 70, high: 99 },
+    florescent: { low: 82, high: 100 },
+    shades: { low: 0, high: 100 },
+};
+export const RoleHues = {
+    primary: { low: 73, high: 83, default: 0 },
+    secondary: { low: 14, high: 21, default: 0 },
+    tertiary: { low: 36, high: 41, default: 0 },
+    inverse: { low: 63, high: 100, default: 0 },
+    ghost: { low: 0, high: 0, default: 0 },
+    warn: { low: 320, high: 20, default: 0 },
+    alert: { low: 40, high: 70, default: 60 },
+    success: { low: 90, high: 150, default: 120 },
+    info: { low: 200, high: 260, default: 240 }, // blue
+};
+//# sourceMappingURL=color.records.js.map

package/dist/esm/core/color/color.records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.records.js","sourceRoot":"","sources":["../../../../src/core/color/color.records.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAiC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAiC;IAC7D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAgD;IACnE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IACtC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAC"}

package/dist/esm/core/color/color.types.d.ts

@@ -1,16 +1,12 @@
-import { Range } from './color.model';
-export declare type colorStyles = 'solid' | 'transparent' | 'gradient';
-export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
 export declare type ColorScheme = 'monochromatic' | 'analogous' | 'complimentary' | 'splitComplimentary' | 'triadic';
 export declare type ColorCategory = 'jewel' | 'pastel' | 'earth' | 'neutral' | 'florescent' | 'shades';
-export declare const CategorySaturation: Record<ColorCategory, Range>;
-export declare const CategoryLightness: Record<ColorCategory, Range>;
-export declare type UtilityColorRole = 'warn' | 'alert' | 'success' | 'info';
-export declare type ColorRole = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
-export declare const RoleHues: Record<ColorRole | UtilityColorRole, Range>;
+export declare type ColorStyles = 'solid' | 'transparent' | 'gradient';
+export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
 export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
-export declare type ColorToken = ElementColorToken | ContainerColorToken | ContentColorToken | UtilityColorToken;
+export declare type ColorRole = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
+export declare type ColorToken = ElementColorToken | UtilityColorToken | ContainerColorToken | ContentColorToken;
 export declare type ElementColorToken = 'primary' | 'secondary' | 'tertiary' | 'error';
+export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';
+export declare type UtilityColorRole = 'warn' | 'alert' | 'success' | 'info';
 export declare type ContainerColorToken = 'primary-container' | 'secondary-container' | 'tertiary-container' | 'error-container' | 'background' | 'surface' | 'surface-variant' | 'inverse-surface' | 'transparent';
 export declare type ContentColorToken = 'on-primary' | 'on-primary-container' | 'on-secondary' | 'on-secondary-container' | 'on-tertiary' | 'on-tertiary-container' | 'on-error' | 'on-error-container' | 'on-background' | 'on-surface' | 'on-surface-variant' | 'inverse-on-surface' | 'inverse-on-surface-primary';
-export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';

package/dist/esm/core/color/color.types.js

@@ -1,30 +1,4 @@
 // https://designerup.co/blog/ui-design-choosing-color-palettes/
 // https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes/
-export const CategorySaturation = {
-    jewel: { low: 73, high: 83 },
-    pastel: { low: 14, high: 21 },
-    earth: { low: 36, high: 41 },
-    neutral: { low: 1, high: 10 },
-    florescent: { low: 63, high: 100 },
-    shades: { low: 0, high: 0 },
-};
-export const CategoryLightness = {
-    jewel: { low: 56, high: 76 },
-    pastel: { low: 89, high: 96 },
-    earth: { low: 36, high: 77 },
-    neutral: { low: 70, high: 99 },
-    florescent: { low: 82, high: 100 },
-    shades: { low: 0, high: 100 },
-};
-export const RoleHues = {
-    primary: { low: 73, high: 83, default: 0 },
-    secondary: { low: 14, high: 21, default: 0 },
-    tertiary: { low: 36, high: 41, default: 0 },
-    inverse: { low: 63, high: 100, default: 0 },
-    ghost: { low: 0, high: 0, default: 0 },
-    warn: { low: 320, high: 20, default: 0 },
-    alert: { low: 40, high: 70, default: 60 },
-    success: { low: 90, high: 150, default: 120 },
-    info: { low: 200, high: 260, default: 240 }, // blue
-};
+export {};
 //# sourceMappingURL=color.types.js.map

package/dist/esm/core/color/color.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,2EAA2E;AAY3E,MAAM,CAAC,MAAM,kBAAkB,GAAiC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAiC;IAC7D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAUF,MAAM,CAAC,MAAM,QAAQ,GAAgD;IACnE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IACtC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAC"}
+{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,2EAA2E"}

package/dist/esm/core/color/color.utils.d.ts

@@ -1,2 +1,7 @@
 import { Range } from './color.model';
 export declare const randomRangeValue: ({ low, high }: Range) => number;
+export declare const cycle: (angle: number) => number;
+export declare const getAnalogousHues: (hue: number) => number[];
+export declare const getComplimentaryHue: (hue: number) => number;
+export declare const getTriadicHues: (hue: number) => number[];
+export declare const getSplitComplimentaryHues: (hue: number) => number[];

package/dist/esm/core/color/color.utils.js

@@ -3,4 +3,15 @@ export const randomRangeValue = ({ low, high }) => {
     high = Math.floor(high);
     return Math.floor(Math.random() * (high - low + 1)) + low;
 };
+export const cycle = (angle) => {
+    if (angle > 360)
+        return angle - 360;
+    if (angle < 0)
+        return angle + 360;
+    return angle;
+};
+export const getAnalogousHues = (hue) => [cycle(hue + 30), cycle(hue + 60)];
+export const getComplimentaryHue = (hue) => cycle(hue + 180);
+export const getTriadicHues = (hue) => [cycle(hue + 120), cycle(hue - 120)];
+export const getSplitComplimentaryHues = (hue) => [cycle(hue + 150), cycle(hue - 150)];
 //# sourceMappingURL=color.utils.js.map

package/dist/esm/core/color/color.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.utils.js","sourceRoot":"","sources":["../../../../src/core/color/color.utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAS,EAAU,EAAE;IAC/D,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC5D,CAAC,CAAC"}
+{"version":3,"file":"color.utils.js","sourceRoot":"","sources":["../../../../src/core/color/color.utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAS,EAAU,EAAE;IAC/D,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAU,EAAE;IAC7C,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,KAAK,GAAG,GAAG,CAAC;IACpC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,KAAK,GAAG,GAAG,CAAC;IAClC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAY,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;AAC9F,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAY,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAC9F,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,GAAW,EAAY,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC"}

package/dist/esm/core/color/index.d.ts

@@ -1,3 +1,5 @@
 export * from './color.helper';
 export * from './color.model';
 export * from './color.types';
+export * from './color.records';
+export * from './color.utils';

package/dist/esm/core/color/index.js

@@ -1,4 +1,6 @@
 export * from './color.helper';
 export * from './color.model';
 export * from './color.types';
+export * from './color.records';
+export * from './color.utils';
 //# sourceMappingURL=index.js.map

package/dist/esm/core/color/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/dist/esm/core/palette/index.d.ts

@@ -0,0 +1 @@
+export * from './palette.model';

package/dist/esm/core/palette/index.js

@@ -0,0 +1,2 @@
+export * from './palette.model';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/palette/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/core/palette/palette.model.d.ts

@@ -0,0 +1,6 @@
+import { ColorCategory, ColorScheme } from '../color';
+export interface Palette {
+    hue: number;
+    scheme: ColorScheme;
+    category: ColorCategory;
+}

package/dist/esm/core/palette/palette.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=palette.model.js.map

package/dist/esm/core/palette/palette.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.model.js","sourceRoot":"","sources":["../../../../src/core/palette/palette.model.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@uni-design-system/uni-core",
   "description": "UNI Design System core dependencies.",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/uni-design-system/uni-core.git"