cx 26.3.9 → 26.4.0

package/src/util/scss/calc.scss

@@ -1,137 +1,137 @@
-@use "sass:color";
-@use "sass:list";
-@use "sass:map";
-@use "sass:math";
-@use "sass:meta";
-@use "sass:string";
-
-// Check if a value is or contains a CSS variable (var(--...)) or calc expression
-@function cx-is-css-var($value) {
-   @if meta.type-of($value) == "string" {
-      @return string.index($value, "var(") != null or
-         string.index($value, "calc(") != null or
-         string.index($value, "color-mix(") != null;
-   }
-   // Also check for calc type returned by calc()
-   @if meta.type-of($value) == "calculation" {
-      @return true;
-   }
-   @return false;
-}
-
-// Lighten a color, supporting CSS variables
-// For CSS variables, outputs color-mix(in srgb, color, white amount)
-// For Sass colors, uses color.adjust (same as old lighten) at compile time
-@function cx-lighten($color, $amount) {
-   @if cx-is-css-var($color) or cx-is-css-var($amount) {
-      @return #{"color-mix(in srgb, " + $color + ", white " + $amount + ")"};
-   }
-   @return color.adjust($color, $lightness: $amount);
-}
-
-// Darken a color, supporting CSS variables
-// For CSS variables, outputs color-mix(in srgb, color, black amount)
-// For Sass colors, uses color.adjust (same as old darken) at compile time
-@function cx-darken($color, $amount) {
-   @if cx-is-css-var($color) or cx-is-css-var($amount) {
-      @return #{"color-mix(in srgb, " + $color + ", black " + $amount + ")"};
-   }
-   @return color.adjust($color, $lightness: -$amount);
-}
-
-// Multiply a value by a factor, supporting CSS variables
-// For CSS variables, outputs calc(var(...) * factor)
-// For numeric values, performs the multiplication at compile time
-@function cx-multiply($value, $factor) {
-   @if cx-is-css-var($value) or cx-is-css-var(($factor)) {
-      @return calc(#{$value} * #{$factor});
-   }
-   @return $value * $factor;
-}
-
-@function cx-divide($value, $factor) {
-   @if cx-is-css-var($value) or cx-is-css-var(($factor)) {
-      @return calc(#{$value} / #{$factor});
-   }
-   @return math.div($value, $factor);
-}
-
-// Round a value, supporting CSS variables
-// For CSS variables, outputs CSS round() function
-// For numeric values, performs the rounding at compile time
-@function cx-round($value) {
-   @if cx-is-css-var($value) {
-      @return round(#{$value});
-   }
-   @return math.round($value);
-}
-
-@function cx-calc($lengths...) {
-   $units: ();
-   $css-vars: ();
-
-   @each $l in $lengths {
-      // Handle CSS variables separately
-      @if cx-is-css-var($l) {
-         $css-vars: list.append($css-vars, $l);
-      } @else {
-         $unit: math.unit($l);
-         @if (map.has-key($units, $unit)) {
-            $nl: map.get($units, $unit) + $l;
-            $units: map.merge(
-               $units,
-               (
-                  $unit: $nl,
-               )
-            );
-         } @else {
-            $units: map.merge(
-               $units,
-               (
-                  $unit: $l,
-               )
-            );
-         }
-      }
-   }
-
-   $keys: map.keys($units);
-   $has-css-vars: list.length($css-vars) > 0;
-
-   // If only one unit type and no CSS vars, return directly
-   @if (list.length($keys) == 1 and not $has-css-vars) {
-      @return map.get($units, list.nth($keys, 1));
-   }
-
-   $calc: "";
-   $count: 0;
-
-   @each $u, $v in $units {
-      @if ($v != 0) {
-         $count: $count + 1;
-         @if ($count > 1) {
-            $calc: $calc + " + ";
-         }
-         $calc: $calc + $v;
-      }
-   }
-
-   // Add CSS variables to the calc expression
-   @each $var in $css-vars {
-      $count: $count + 1;
-      @if ($count > 1) {
-         $calc: $calc + " + ";
-      }
-      $calc: $calc + $var;
-   }
-
-   @if ($count == 0) {
-      @return 0;
-   }
-
-   @if ($count == 1 and not $has-css-vars) {
-      @return #{$calc};
-   }
-
-   @return #{"calc(" + $calc + ")"};
-}
+@use "sass:color";
+@use "sass:list";
+@use "sass:map";
+@use "sass:math";
+@use "sass:meta";
+@use "sass:string";
+
+// Check if a value is or contains a CSS variable (var(--...)) or calc expression
+@function cx-is-css-var($value) {
+   @if meta.type-of($value) == "string" {
+      @return string.index($value, "var(") != null or
+         string.index($value, "calc(") != null or
+         string.index($value, "color-mix(") != null;
+   }
+   // Also check for calc type returned by calc()
+   @if meta.type-of($value) == "calculation" {
+      @return true;
+   }
+   @return false;
+}
+
+// Lighten a color, supporting CSS variables
+// For CSS variables, outputs color-mix(in srgb, color, white amount)
+// For Sass colors, uses color.adjust (same as old lighten) at compile time
+@function cx-lighten($color, $amount) {
+   @if cx-is-css-var($color) or cx-is-css-var($amount) {
+      @return #{"color-mix(in srgb, " + $color + ", white " + $amount + ")"};
+   }
+   @return color.adjust($color, $lightness: $amount);
+}
+
+// Darken a color, supporting CSS variables
+// For CSS variables, outputs color-mix(in srgb, color, black amount)
+// For Sass colors, uses color.adjust (same as old darken) at compile time
+@function cx-darken($color, $amount) {
+   @if cx-is-css-var($color) or cx-is-css-var($amount) {
+      @return #{"color-mix(in srgb, " + $color + ", black " + $amount + ")"};
+   }
+   @return color.adjust($color, $lightness: -$amount);
+}
+
+// Multiply a value by a factor, supporting CSS variables
+// For CSS variables, outputs calc(var(...) * factor)
+// For numeric values, performs the multiplication at compile time
+@function cx-multiply($value, $factor) {
+   @if cx-is-css-var($value) or cx-is-css-var(($factor)) {
+      @return calc(#{$value} * #{$factor});
+   }
+   @return $value * $factor;
+}
+
+@function cx-divide($value, $factor) {
+   @if cx-is-css-var($value) or cx-is-css-var(($factor)) {
+      @return calc(#{$value} / #{$factor});
+   }
+   @return math.div($value, $factor);
+}
+
+// Round a value, supporting CSS variables
+// For CSS variables, outputs CSS round() function
+// For numeric values, performs the rounding at compile time
+@function cx-round($value) {
+   @if cx-is-css-var($value) {
+      @return round(#{$value});
+   }
+   @return math.round($value);
+}
+
+@function cx-calc($lengths...) {
+   $units: ();
+   $css-vars: ();
+
+   @each $l in $lengths {
+      // Handle CSS variables separately
+      @if cx-is-css-var($l) {
+         $css-vars: list.append($css-vars, $l);
+      } @else {
+         $unit: math.unit($l);
+         @if (map.has-key($units, $unit)) {
+            $nl: map.get($units, $unit) + $l;
+            $units: map.merge(
+               $units,
+               (
+                  $unit: $nl,
+               )
+            );
+         } @else {
+            $units: map.merge(
+               $units,
+               (
+                  $unit: $l,
+               )
+            );
+         }
+      }
+   }
+
+   $keys: map.keys($units);
+   $has-css-vars: list.length($css-vars) > 0;
+
+   // If only one unit type and no CSS vars, return directly
+   @if (list.length($keys) == 1 and not $has-css-vars) {
+      @return map.get($units, list.nth($keys, 1));
+   }
+
+   $calc: "";
+   $count: 0;
+
+   @each $u, $v in $units {
+      @if ($v != 0) {
+         $count: $count + 1;
+         @if ($count > 1) {
+            $calc: $calc + " + ";
+         }
+         $calc: $calc + $v;
+      }
+   }
+
+   // Add CSS variables to the calc expression
+   @each $var in $css-vars {
+      $count: $count + 1;
+      @if ($count > 1) {
+         $calc: $calc + " + ";
+      }
+      $calc: $calc + $var;
+   }
+
+   @if ($count == 0) {
+      @return 0;
+   }
+
+   @if ($count == 1 and not $has-css-vars) {
+      @return #{$calc};
+   }
+
+   @return #{"calc(" + $calc + ")"};
+}

package/src/util/scss/call-once.scss

@@ -1,13 +1,13 @@
-@use "sass:map";
-
-$cx-call-once-data: () !default;
-
-@function cx-call-once($name) {
-   $result: map.get($cx-call-once-data, $name);
-   $cx-call-once-data: map.merge($cx-call-once-data, ($name: true)) !global;
-   @return $result != true;
-}
-
-@function cx-called-once($name) {
-   @return map.get($cx-call-once-data, $name);
+@use "sass:map";
+
+$cx-call-once-data: () !default;
+
+@function cx-call-once($name) {
+   $result: map.get($cx-call-once-data, $name);
+   $cx-call-once-data: map.merge($cx-call-once-data, ($name: true)) !global;
+   @return $result != true;
+}
+
+@function cx-called-once($name) {
+   @return map.get($cx-call-once-data, $name);
 }

package/src/util/scss/clockwise.scss

@@ -1,49 +1,49 @@
-@use "sass:list";
-
-@function cx-top($list) {
-   @if (list.length($list) > 0) {
-      @return list.nth($list, 1);
-   }
-   @return null;
-}
-
-@function cx-right($list) {
-   @if (list.length($list) == 1) {
-      @return list.nth($list, 1);
-   }
-   @if (list.length($list) > 1) {
-      @return list.nth($list, 2);
-   }
-   @return null;
-}
-
-@function cx-bottom($list) {
-   @if (list.length($list) > 2) {
-      @return list.nth($list, 3);
-   }
-
-   @if (list.length($list) >= 1) {
-      @return list.nth($list, 1);
-   }
-
-   @return null;
-}
-
-@function cx-left($list) {
-   @if (list.length($list) == 1) {
-      @return list.nth($list, 1);
-   }
-
-   @if (list.length($list) == 2) {
-      @return list.nth($list, 2);
-   }
-
-   @if (list.length($list) == 3) {
-      @return list.nth($list, 2);
-   }
-
-   @if (list.length($list) == 4) {
-      @return list.nth($list, 4);
-   }
-   @return null;
-}
+@use "sass:list";
+
+@function cx-top($list) {
+   @if (list.length($list) > 0) {
+      @return list.nth($list, 1);
+   }
+   @return null;
+}
+
+@function cx-right($list) {
+   @if (list.length($list) == 1) {
+      @return list.nth($list, 1);
+   }
+   @if (list.length($list) > 1) {
+      @return list.nth($list, 2);
+   }
+   @return null;
+}
+
+@function cx-bottom($list) {
+   @if (list.length($list) > 2) {
+      @return list.nth($list, 3);
+   }
+
+   @if (list.length($list) >= 1) {
+      @return list.nth($list, 1);
+   }
+
+   @return null;
+}
+
+@function cx-left($list) {
+   @if (list.length($list) == 1) {
+      @return list.nth($list, 1);
+   }
+
+   @if (list.length($list) == 2) {
+      @return list.nth($list, 2);
+   }
+
+   @if (list.length($list) == 3) {
+      @return list.nth($list, 2);
+   }
+
+   @if (list.length($list) == 4) {
+      @return list.nth($list, 4);
+   }
+   @return null;
+}

package/src/util/scss/colors.scss

@@ -1,10 +1,10 @@
-
-@use "sass:color";
-
-@function cx-whiten($color, $percentage) {
-   @return color.mix(white, $color, $percentage);
-}
-
-@function cx-blacken($color, $percentage) {
-   @return color.mix(black, $color, $percentage);
+
+@use "sass:color";
+
+@function cx-whiten($color, $percentage) {
+   @return color.mix(white, $color, $percentage);
+}
+
+@function cx-blacken($color, $percentage) {
+   @return color.mix(black, $color, $percentage);
 }

package/src/util/scss/deep-get.scss

@@ -1,12 +1,12 @@
-@use "sass:map";
-
-@function cx-map-deep-get($map, $keys...){
-   @each $key in $keys {
-      $map: map.get($map, $key)
-   }
-   @if $map != null {
-      @return $map
-   } @else {
-      @return null
-   }
+@use "sass:map";
+
+@function cx-map-deep-get($map, $keys...){
+   @each $key in $keys {
+      $map: map.get($map, $key)
+   }
+   @if $map != null {
+      @return $map
+   } @else {
+      @return null
+   }
 };

package/src/util/scss/deep-merge.scss

@@ -1,21 +1,21 @@
-@use "sass:map";
-@use "sass:meta";
-
-@function cx-deep-map-merge($parent-map, $child-map) {
-	$result: $parent-map;
-	@each $key, $value in $child-map {
-		//If the parent map does not have the child map's key, or
-		//If their type don't match, or
-		//If they are not both maps,
-		@if (not map.has-key($result, $key)) or (meta.type-of(map.get($result, $key)) != meta.type-of($value)) or (not (meta.type-of(map.get($result, $key)) == map and meta.type-of($value) == map)) {
-			//Simply add that key to the parent map.
-			$result: map.merge($result, ($key: $value));
-		}
-		@else {
-			//If they are both maps, we need another non-destructive merger.
-			//Recursive, yay!
-			$result: map.merge($result, ($key: cx-deep-map-merge(map.get($result, $key), $value)));
-		}
-	}
-	@return $result;
-}
+@use "sass:map";
+@use "sass:meta";
+
+@function cx-deep-map-merge($parent-map, $child-map) {
+	$result: $parent-map;
+	@each $key, $value in $child-map {
+		//If the parent map does not have the child map's key, or
+		//If their type don't match, or
+		//If they are not both maps,
+		@if (not map.has-key($result, $key)) or (meta.type-of(map.get($result, $key)) != meta.type-of($value)) or (not (meta.type-of(map.get($result, $key)) == map and meta.type-of($value) == map)) {
+			//Simply add that key to the parent map.
+			$result: map.merge($result, ($key: $value));
+		}
+		@else {
+			//If they are both maps, we need another non-destructive merger.
+			//Recursive, yay!
+			$result: map.merge($result, ($key: cx-deep-map-merge(map.get($result, $key), $value)));
+		}
+	}
+	@return $result;
+}

package/src/util/scss/defaults.scss

@@ -1,24 +1,24 @@
-// Text
-$cx-default-font-family: (
-   -apple-system,
-   BlinkMacSystemFont,
-   "Segoe UI",
-   "Roboto",
-   "Helvetica Neue",
-   Arial,
-   sans-serif
-) !default;
-$cx-default-font-size: 14px !default;
-$cx-default-color: #373a3c !default;
-
-// Border
-$cx-default-border-color: #bfbfbf !default;
-$cx-default-border-radius: 0 !default;
-$cx-default-border-width: 1px !default;
-
-// Container
-$cx-default-container-padding: 5px !default;
-
-// Cover
-$cx-default-cover-border-color: $cx-default-border-color !default;
-$cx-default-cover-background-color: white !default;
+// Text
+$cx-default-font-family: (
+   -apple-system,
+   BlinkMacSystemFont,
+   "Segoe UI",
+   "Roboto",
+   "Helvetica Neue",
+   Arial,
+   sans-serif
+) !default;
+$cx-default-font-size: 14px !default;
+$cx-default-color: #373a3c !default;
+
+// Border
+$cx-default-border-color: #bfbfbf !default;
+$cx-default-border-radius: 0 !default;
+$cx-default-border-width: 1px !default;
+
+// Container
+$cx-default-container-padding: 5px !default;
+
+// Cover
+$cx-default-cover-border-color: $cx-default-border-color !default;
+$cx-default-cover-background-color: white !default;

package/src/util/scss/divide.scss

@@ -1,3 +1,3 @@
-@function cx-divide($a, $b) {
-   @return $a / $b;
-}
+@function cx-divide($a, $b) {
+   @return $a / $b;
+}