sass-apca 1.1.0 → 1.1.1

package/README.md

@@ -61,7 +61,6 @@ These general levels are appropriate for use by themselves, without the need to
 - **L<sup>c</sup> 15** • The absolute minimum for any non-text that needs to be discernible and differentiable, and is no less than 6px in its smallest dimension. This may include disabled large buttons. Designers should treat anything below this level as invisible, as it will not be visible for many users. This minimum level should be avoided for any items important to the use, understanding, or interaction of the site.
 
 ## Roadmap
-- Polarity function for figuring out if light or dark text has a higher contrast on any given background
 - Compliance check for getting the current level of compliance of a given contrast ratio
 
 
@@ -71,4 +70,4 @@ These general levels are appropriate for use by themselves, without the need to
 Code published in this repository licensed under the [MIT license](https://github.com/gfellerph/sass-apca/blob/main/LICENSE).
 
 [^1]: APCA contrast calculator (https://www.myndex.com/APCA/)
-[^2]: Why APCA (https://git.apcacontrast.com/documentation/WhyAPCA#use-case-ranges)
+[^2]: Why APCA (https://git.apcacontrast.com/documentation/WhyAPCA#use-case-ranges)

package/apca.scss

@@ -30,9 +30,9 @@ $_greenMultiplier: 0.7151522;
 $_blueMultiplier: 0.072175;
 
 @function _luminance($color) {
-  $red: color.red($color);
-  $green: color.green($color);
-  $blue: color.blue($color);
+  $red: color.channel($color, "red", $space: rgb);
+  $green: color.channel($color, "green", $space: rgb);
+  $blue: color.channel($color, "blue", $space: rgb);
 
   $redLuminance: math.pow(math.div($red, 255), $_Strc) * $_redMultiplier;
   $greenLuminance: math.pow(math.div($green, 255), $_Strc) * $_greenMultiplier;
@@ -69,7 +69,7 @@ $_blueMultiplier: 0.072175;
  * @param   {color}  $textColor        Text color
  * @param   {color}  $backgroundColor  Background color
  *
- * @return  {number}                    A number between -108 and 107 representing the lightness contrast 
+ * @return  {number}                    A number between -108 and 107 representing the lightness contrast
  */
 @function contrast($textColor, $backgroundColor) {
   @if (meta.type-of($textColor) != 'color') {
@@ -113,7 +113,7 @@ $_blueMultiplier: 0.072175;
   @if (meta.type-of($backgroundColor) != 'color') {
     @error "Type Error: apca.recommend-text-color expects a color as third argument but received #{meta.type-of($darkColor)}. Please provide a valid color.";
   }
-  
+
   $lightContrast: math.abs(contrast($lightColor, $backgroundColor));
   $darkContrast: math.abs(contrast($darkColor, $backgroundColor));
   $contrastColor: null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sass-apca",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Sass implementation of the [Accessible Perceptual Contrast Algorithm (APCA)](https://git.apcacontrast.com/) for the WCAG 3.0 specification.",
   "keywords": [
     "sass",
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "sass": "1.60.0",
-    "semantic-release": "21.0.0"
+    "sass": "1.81.0",
+    "semantic-release": "24.2.0"
   }
 }