hue.gl 0.0.23 → 0.0.29

package/README.md

@@ -8,12 +8,12 @@
 
 <div align="center">
 
-[![Website](https://img.shields.io/website?url=https%3A%2F%2Fwww.hue.gl&up_message=Up&up_color=354351&down_message=Down&down_color=354351&style=flat-square&logo=Firefox&logoColor=FFFFFF&label=Website&labelColor=354351&color=354351)
+[![Website](https://img.shields.io/website?url=https%3A%2F%2Fwww.hue.gl&up_message=Up&up_color=%23000000&down_message=Down&down_color=%23000000&style=flat-square&logo=Firefox&logoColor=FFFFFF&label=Website&labelColor=%23000000&color=%23000000)
 ](https://www.hue.gl)
-[![NPM Version](https://img.shields.io/npm/v/hue.gl?style=flat-square&logo=npm&logoColor=FFFFFF&label=NPM&labelColor=354351&color=354351&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fhue.gl)](https://www.npmjs.com/package/hue.gl)
-[![devContainer](https://img.shields.io/badge/devContainer-23354351?style=flat-square&logo=Docker&logoColor=%23FFFFFF&labelColor=%23354351&color=%23354351)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/hue.gl)
-[![StackBlitz](https://img.shields.io/badge/StackBlitz-23354351?style=flat-square&logo=StackBlitz&logoColor=%23FFFFFF&labelColor=%23354351&color=%23354351)](https://stackblitz.com/github/stylescape/hue.gl/tree/main?file=src%2Findex.html)
-[![GitHub License](https://img.shields.io/github/license/stylescape/hue.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23354351&color=%23354351&link=LICENSE)](https://github.com/stylescape/hue.gl/blob/main/LICENSE)
+[![NPM Version](https://img.shields.io/npm/v/hue.gl?style=flat-square&logo=npm&logoColor=FFFFFF&label=NPM&labelColor=%23000000&color=%23000000&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fhue.gl)](https://www.npmjs.com/package/hue.gl)
+[![devContainer](https://img.shields.io/badge/devContainer-23354351?style=flat-square&logo=Docker&logoColor=%23FFFFFF&labelColor=%23000000&color=%23000000)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/hue.gl)
+[![StackBlitz](https://img.shields.io/badge/StackBlitz-23354351?style=flat-square&logo=StackBlitz&logoColor=%23FFFFFF&labelColor=%23000000&color=%23000000)](https://stackblitz.com/github/stylescape/hue.gl/tree/main?file=src%2Findex.html)
+[![GitHub License](https://img.shields.io/github/license/stylescape/hue.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23000000&color=%23000000&link=LICENSE)](https://github.com/stylescape/hue.gl/blob/main/LICENSE)
 
 </div>
 

package/css/unit.gl.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=to.css.map */

package/css/unit.gl.min.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=to.css.map */

package/js/color/ColorPicker.js

@@ -2,7 +2,7 @@
 // script/class/class/DirectoryCleaner.ts
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorPicker = void 0;
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/js/color/ColorScheme.js

@@ -2,7 +2,7 @@
 // script/class/class/DirectoryCleaner.ts
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorScheme = void 0;
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/js/color/ColorSwatch.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/js/color/index.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorPicker = exports.ColorSwatch = exports.ColorScheme = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/js/config/hue.config.js

@@ -2,7 +2,7 @@
 // hue/config/hue.config.ts
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hueConfig = void 0;
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/js/config/hue.names.js

@@ -2,7 +2,7 @@
 // hue/config/hue.names.ts
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hueNames = void 0;
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/js/config/index.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hueNames = exports.hueConfig = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/js/constants/hue_hcl.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hue_hcl = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/js/constants/hue_hex.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hue_hex = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/js/constants/hue_rgb.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hue_rgb = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/js/constants/index.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hue_rgb = exports.hue_hcl = exports.hue_hex = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/js/index.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2024 Scape Agency BV
+// Copyright 2025 Scape Agency BV
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hue_rgb = exports.hue_hcl = exports.hue_hex = exports.hueNames = exports.hueConfig = exports.ColorSwatch = exports.ColorScheme = exports.ColorPicker = void 0;
 // Licensed under the Apache License, Version 2.0 (the "License");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hue.gl",
-  "version": "0.0.23",
+  "version": "0.0.29",
   "description": "hue.gl is a colour palette developed by Scape Agency.",
   "keywords": [
     "hue.gl",
@@ -15,12 +15,6 @@
   ],
   "license": "MIT",
   "homepage": "https://www.hue.gl/",
-  "funding": [
-    {
-      "type": "github",
-      "url": "https://github.com/sponsors/stylescape"
-    }
-  ],
   "main": "js/index.js",
   "types": "js/index.d.ts",
   "files": [
@@ -45,18 +39,8 @@
     "ts/**/*.ts",
     "!.DS_Store"
   ],
-  "author": "Lars van Vianen",
-  "contributors": [
-    "Scape Agency"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/stylescape/hue.gl.git"
-  },
-  "exports": {
-    ".": {
-      "sass": "./scss/index.scss",
-      "typescript": "./ts/index.scss"
-    }
+  "dependencies": {
+    "colorjs.io": "^0.5.2",
+    "core-js": "^3.40.0"
   }
 }

package/py/hue.gl.py

@@ -347,4 +347,3 @@ N3606 = (166, 98, 120)
 N3607 = (136, 84, 100)
 N3608 = (107, 69, 81)
 N3609 = (79, 55, 62)
-

package/scss/functions/_base.scss

@@ -3,18 +3,18 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Base Functions Module
 /// ===========================================================================
-/// 
-/// 
+///
+///
 /// @group Base
 /// @author Scape Agency
 /// @link https://hue.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -39,15 +39,15 @@
 ///
 /// Color Getter Function
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Retrieves a color value based on a given color name from the `$hue` map.
 /// This function ensures that only defined colors are accessed, preventing
 /// errors in color application.
-/// 
+///
 /// @name hue_color
 /// @param {String} $color_name - The name of the color to retrieve.
 /// @return {Color} - Returns the color value from the map or `null` if not found.
-/// 
+///
 /// @example scss - Usage
 ///     .element {
 ///         // color: hue_color('primary');
@@ -65,20 +65,20 @@
 }
 
 
-/// 
+///
 /// Random Color Generator
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Generates a random color within specified hue and luminance ranges.
 /// This function can be used to produce vibrant backgrounds, borders, or
 /// for dynamic color themes.
-/// 
+///
 /// @name hue_random_color
 /// @param {Number} $hue_min [0] - The minimum hue value.
 /// @param {Number} $hue_max [360] - The maximum hue value.
 /// @param {Number} $luminance [50%] - The luminance of the color.
 /// @return {Color} - Returns a random HSL color.
-/// 
+///
 /// @example scss - Usage
 ///   .random-bg {
 ///     background-color: hue_random_color(100, 200, 40%);

package/scss/functions/_blend.scss

@@ -3,18 +3,18 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Blend Functions Module
 /// ===========================================================================
-/// 
-/// 
+///
+///
 /// @group Blend
 /// @author Scape Agency
 /// @link https://hue.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -36,15 +36,15 @@
 ///
 /// Gradient Color
 /// ----------------------------------------------------------------------------
-/// 
+///
 /// Generates a CSS linear gradient from one color to another using color
 /// names from the `$hue` map.
-/// 
+///
 /// @name hue_gradient
 /// @param {String} $start_color_name - Name of the start color.
 /// @param {String} $end_color_name - Name of the end color.
 /// @return {String} - CSS linear-gradient string if both colors are found, otherwise null.
-/// 
+///
 /// @example scss - Usage
 ///   .gradient-background {
 ///     background: hue_gradient('red', 'blue');
@@ -69,15 +69,15 @@
 ///
 /// Color Blending Function
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Function to blend two colors based on a given weight percentage.
-/// 
+///
 /// @name hue_blend_colors
 /// @param {String} $color_name1 - First color name.
 /// @param {String} $color_name2 - Second color name.
 /// @param {Number} $weight [50%] - Percentage of the first color to blend.
 /// @return {Color} - The blended color, or null if one of the colors is not found.
-/// 
+///
 /// @example scss - Usage
 ///   .mixed-color {
 ///     color: hue_blend_colors('red', 'blue', 25%);
@@ -100,16 +100,16 @@
 }
 
 
-/// 
+///
 /// Grayscale Color Variant
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Converts a specified color to grayscale using its name from the `$hue` map.
-/// 
+///
 /// @name hue_grayscale
 /// @param {String} $color_name - Name of the color to convert.
 /// @return {Color} - Grayscale color, or null if the color is not found.
-/// 
+///
 /// @example scss - Usage
 ///   .gray-element {
 ///     color: hue_grayscale('vibrant');
@@ -127,12 +127,12 @@
 }
 
 
-/// 
+///
 /// Blend Colors
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Mixes two colors together in a specified ratio.
-/// 
+///
 @function hue_blend($color_name1, $color_name2, $weight: 50%) {
     $color1: hue_color($color_name1);
     $color2: hue_color($color_name2);
@@ -146,12 +146,12 @@
 }
 
 
-/// 
+///
 /// Background Gradient with Direction
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Generates a background gradient with a specified direction.
-/// 
+///
 // @function hue_background_gradient($start_color_name, $end_color_name, $direction: to bottom) {
 //     $start_color: hue_color($start_color_name);
 //     $end_color: hue_color($end_color_name);

package/scss/functions/_contrast.scss

@@ -3,18 +3,18 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Contrast Functions Module
 /// ===========================================================================
-/// 
-/// 
+///
+///
 /// @group Contrast
 /// @author Scape Agency
 /// @link https://hue.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -33,17 +33,17 @@
 
 
 
-/// 
+///
 /// Contrast Function
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Function to determine the ideal text color (light or dark) for optimal
 /// readability against a specified background color.
-/// 
+///
 /// @name color_contrast
 /// @param {Color} $background-color - The background color to analyze.
 /// @return {Color} - Returns `black` for light backgrounds and `white` for dark backgrounds.
-/// 
+///
 /// @example scss - Usage
 ///   color: color_contrast(#fff); // Returns 'black'
 ///
@@ -58,18 +58,18 @@
 }
 
 
-/// 
+///
 /// Contrast Checker
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Calculates the contrast ratio between two colors to ensure they meet
 /// accessibility guidelines.
-/// 
+///
 /// @name color_contrast_checker
 /// @param {String} $color1_name - The name of the first color.
 /// @param {String} $color2_name - The name of the second color.
 /// @return {Number} - The contrast ratio between the two colors.
-/// 
+///
 /// @example scss - Usage
 ///   $contrast: color_contrast_checker('blue', 'white');
 ///
@@ -86,14 +86,14 @@
 ///
 ///  Color Contrast Ratio
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Generates a dynamic text color (black or white) based on the given
 /// background color to enhance readability.
-/// 
+///
 /// @name color_contrast_dynamic
 /// @param {String} $background_color_name - The name of the background color.
 /// @return {Color} - Optimal text color for the given background.
-/// 
+///
 /// @example scss - Usage
 ///   color: color_contrast_dynamic('darkblue');
 ///
@@ -115,13 +115,13 @@
 }
 
 
-/// 
+///
 /// Dynamic Text Color
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Generates a dynamic text color (black or white) based on the given
 /// background color to enhance readability.
-/// 
+///
 /// @name color_contrast_dynamic
 /// @param {String} $background_color_name - The name of the background color.
 /// @return {Color} - Optimal text color for the given background.
@@ -143,15 +143,15 @@
 /// ---------------------------------------------------------------------------
 /// Returns a high-contrast text color (black or white) based on the specified
 /// background color.
-/// 
+///
 /// @name hue_contrast_text_color
 /// @param {String} $background_color_name - The name of the background color from the color map.
 /// @return {Color} - Either black or white, depending on which has higher contrast against the background.
-/// 
+///
 /// @example scss - Usage
 ///   color: hue_contrast_text_color('lightgrey'); // Returns 'black'
 ///
-/// 
+///
 @function hue_contrast_text_color(
     $background_color_name
 ) {
@@ -175,11 +175,11 @@
 /// ---------------------------------------------------------------------------
 /// Determines an overlay text color that is readable over any background by
 /// adjusting opacity.
-/// 
+///
 /// @name hue_readable_overlay
 /// @param {String} $background_color_name - The name of the background color.
 /// @return {Color} - A semi-transparent black or white color for text overlays.
-/// 
+///
 /// @example scss - Usage
 ///   background-color: hue_readable_overlay('limegreen');
 ///

package/scss/functions/_filter.scss

@@ -3,18 +3,18 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Filter Functions Module
 /// ===========================================================================
-/// 
-/// 
+///
+///
 /// @group Filter
 /// @author Scape Agency
 /// @link https://hue.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -33,29 +33,29 @@
 
 
 
-/// 
+///
 /// Color Filter Function
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Applies a CSS filter effect to a color. Supported filters include 'sepia'
 /// and 'brightness'.
-/// 
+///
 /// @name hue_apply_filter
 /// @param {String} $color_name - The name of the color in the color map.
 /// @param {String} $filter - The type of filter to apply ('sepia' or 'brightness').
 /// @return {Color} - The color with the filter effect applied, or the original color if the filter is unsupported.
 /// @throws - If the color name does not exist in the map, or if the filter type is unsupported.
-/// 
+///
 /// @example scss - Applying a sepia filter
 ///   .image-sepia {
 ///     color: hue_apply_filter('oceanblue', 'sepia');
 ///   }
-/// 
+///
 /// @example scss - Applying a brightness filter
 ///   .image-bright {
 ///     color: hue_apply_filter('skyblue', 'brightness');
 ///   }
-/// 
+///
 /// @example scss - Using an unsupported filter
 ///   .image-unsupported {
 ///     color: hue_apply_filter('forestgreen', 'blur');

package/scss/functions/_helpers.scss

@@ -3,18 +3,18 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Helper Functions Module
 /// ===========================================================================
-/// 
-/// 
+///
+///
 /// @group Helper
 /// @author Scape Agency
 /// @link https://hue.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -32,17 +32,17 @@
 // ============================================================================
 
 
-/// 
+///
 /// Semi-Transparent Border Color
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Generates a semi-transparent version of a color, suitable for borders.
-/// 
+///
 /// @name hue_border_color
 /// @param {String} $color_name - The name of the color.
 /// @param {Number} $opacity [0.5] - Opacity of the border color.
 /// @return {Color} - The RGBA color value.
-/// 
+///
 /// @example scss - Getting a semi-transparent border color
 ///   .fancy-border {
 ///     border-color: hue_border_color('primary', 0.75);
@@ -63,10 +63,10 @@
 }
 
 
-/// 
+///
 /// Box Shadow Generator
 /// ---------------------------------------------------------------------------
-/// 
+///
 /// Creates a box shadow with adjustable properties.
 ///
 // @function hue_box_shadow(

package/scss/functions/_index.scss

@@ -4,10 +4,10 @@
 // Colour Utilities
 // ============================================================================
 
-@import "_base.scss";
-@import "_contrast.scss";
-@import "_variants.scss";
-@import "_blend.scss";
-@import "_scheme.scss";
-@import "_pattern.scss";
-@import "_helpers.scss";
+@forward "_base.scss";
+@forward "_contrast.scss";
+@forward "_variants.scss";
+@forward "_blend.scss";
+@forward "_scheme.scss";
+@forward "_pattern.scss";
+@forward "_helpers.scss";