Address deprecation warnings

oddbird · Nov 8, 2024 · bb29f5a · bb29f5a
1 parent cad3b06
commit bb29f5a
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 22 deletions.
diff --git a/scss/config/_abstracts.scss b/scss/config/_abstracts.scss
@@ -26,8 +26,6 @@
 ///   Use `get-function()` to capture a first-class function,
 ///   or use a string to reference existing functions and alias-keys
 $functions: (
-  'darken': meta.get-function('darken'),
-  'desaturate': meta.get-function('desaturate'),
   'rgba': meta.get-function('rgba'),
   'convert': '#convert-units',
 );

diff --git a/scss/config/_colors.scss b/scss/config/_colors.scss
@@ -62,17 +62,23 @@ $neutral-colors: (
   'light-gray': '#brand-blue'
     (
       'tint': 80%,
-      'desaturate': 80%,
+      'color.scale': (
+        'saturation': -80%,
+      ),
     ),
   'gray': '#brand-blue'
     (
-      'desaturate': 80%,
+      'color.scale': (
+        'saturation': -80%,
+      ),
     ),
   'contrast-light': #fff,
   'contrast-dark': '#brand-blue'
     (
       'shade': 30% #000,
-      'desaturate': 80%,
+      'color.scale': (
+        'saturation': -80%,
+      ),
     ),
 );
 

diff --git a/scss/samples/_colors.scss b/scss/samples/_colors.scss
@@ -201,16 +201,22 @@ $demo-noncolors: (
   'light-gray': '#brand-blue'
     (
       'tint': 80%,
-      'desaturate': 80%,
+      'color.scale': (
+        'saturation': -80%,
+      ),
     ),
   'gray': '#brand-blue'
     (
-      'desaturate': 80%,
+      'color.scale': (
+        'saturation': -80%,
+      ),
     ),
   'contrast-dark': '#brand-blue'
     (
       'shade': 30% #000,
-      'desaturate': 80%,
+      'color.scale': (
+        'saturation': -80%,
+      ),
     ),
 );
 
@@ -225,9 +231,9 @@ $demo-noncolors: (
 ///
 /// ```scss
 /// $demo-noncolors: (
-///   'light-gray': '#brand-blue' ('tint': 80%, 'desaturate': 80%),
-///   'gray': '#brand-blue' ('desaturate': 80%),
-///   'contrast-dark': '#brand-blue' ('shade': 30% #000, 'desaturate': 80%),
+///   'light-gray': '#brand-blue' ('tint': 80%, 'color.scale': ('saturation': -80%),),
+///   'gray': '#brand-blue' ('color.scale': ('saturation': -80%),),
+///   'contrast-dark': '#brand-blue' ('shade': 30% #000, 'color.scale': ('saturation': -80%),),
 /// );
 /// ```
 ///
@@ -254,9 +260,9 @@ $demo-noncolors: (
 ///
 ///   herman.$herman: ();
 ///   $demo-noncolors: (
-///     'light-gray': '#brand-blue' ('tint': 80%, 'desaturate': 80%),
-///     'gray': '#brand-blue' ('desaturate': 80%),
-///     'black': '#brand-blue' ('shade': 30%, 'desaturate': 80%),
+///     'light-gray': '#brand-blue' ('tint': 80%, 'color.scale': ('saturation': -80%),),
+///     'gray': '#brand-blue' ('color.scale': ('saturation': -80%),),
+///     'black': '#brand-blue' ('shade': 30%, 'color.scale': ('saturation': -80%),),
 ///   );
 ///
 ///   $compiled: herman.each-key(

diff --git a/scss/utilities/_maps.scss b/scss/utilities/_maps.scss
@@ -51,7 +51,7 @@
 ///   herman.$herman: ();
 ///   $brand-colors: (
 ///     'brand-blue': hsl(195, 85%, 35%),
-///     'light-gray': '#brand-blue' ('tint': 80%, 'desaturate': 80%),
+///     'light-gray': '#brand-blue' ('tint': 80%, 'color.scale': ('saturation': -80%),),
 ///   );
 ///   $brand-compiled: herman.each-key(
 ///     $brand-colors,
@@ -160,7 +160,7 @@
 ///   $brand-colors: (
 ///     'brand-orange': hsl(24, 100%, 39%),
 ///     'brand-blue': hsl(195, 85%, 35%),
-///     'light-gray': 'brand-blue' ('tint': 80%, 'desaturate': 80%),
+///     'light-gray': 'brand-blue' ('tint': 80%, 'color.scale': ('saturation': -80%),),
 ///   );
 ///   $compiled: herman.each-key($brand-colors, meta.get-function('color', $module: 'tools'));
 ///

diff --git a/test/sass/utilities/_maps.scss b/test/sass/utilities/_maps.scss
@@ -5,12 +5,7 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'pkg:sass-true' as true;
-@use 'pkg:accoutrement' as tools with (
-  $functions: (
-    'darken': meta.get-function('darken'),
-    'desaturate': meta.get-function('desaturate'),
-  )
-);
+@use 'pkg:accoutrement' as tools;
 @use '../../../scss/utilities/json-api' as *;
 @use '../../../scss/utilities/maps' as *;