@volverjs/style 0.1.12-beta.9 → 0.1.13

package/src/utilities/spacing.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:meta';
 @use '../context' as *;
 
 @each $prefix, $prop in (m: margin, p: padding, n: margin) {
@@ -6,7 +7,7 @@
 		$var: var(--spacing-#{$size});
 
 		// check if value is not a map (spacing-dynamic)
-		@if type-of($value) != 'map' {
+		@if meta.type-of($value) != 'map' {
 			$var: var(--spacing-#{$size}, #{$value});
 		}
 
@@ -19,6 +20,7 @@
 		%#{$prefix}#{$size} {
 			#{$prop}: #{$var};
 		}
+
 		@include wrap-with-where(
 			$selector: '.#{$prefix}-#{$size}',
 			$enabled: $zero-specificity-for-utilities
@@ -30,6 +32,7 @@
 		%#{$prefix}x-#{$size} {
 			#{$prop}-inline: #{$var};
 		}
+
 		@include wrap-with-where(
 			$selector: '.#{$prefix}x-#{$size}',
 			$enabled: $zero-specificity-for-utilities
@@ -41,6 +44,7 @@
 		%#{$prefix}y-#{$size} {
 			#{$prop}-block: #{$var};
 		}
+
 		@include wrap-with-where(
 			$selector: '.#{$prefix}y-#{$size}',
 			$enabled: $zero-specificity-for-utilities
@@ -55,6 +59,7 @@
 			%#{$prefix}#{$direction-prefix}-#{$size} {
 				#{$prop}-#{$direction}: #{$var};
 			}
+
 			@include wrap-with-where(
 				$selector: '.#{$prefix}#{$direction-prefix}-#{$size}',
 				$enabled: $zero-specificity-for-utilities
@@ -69,6 +74,7 @@
 %m-auto {
 	margin: auto;
 }
+
 @include wrap-with-where(
 	$selector: '.m-auto',
 	$enabled: $zero-specificity-for-utilities
@@ -79,6 +85,7 @@
 %mx-auto {
 	margin-inline: auto;
 }
+
 @include wrap-with-where(
 	$selector: '.mx-auto',
 	$enabled: $zero-specificity-for-utilities
@@ -89,6 +96,7 @@
 %my-auto {
 	margin-block: auto;
 }
+
 @include wrap-with-where(
 	$selector: '.my-auto',
 	$enabled: $zero-specificity-for-utilities
@@ -100,6 +108,7 @@
 	%m#{$direction-prefix}-auto {
 		margin-#{$direction}: auto;
 	}
+
 	@include wrap-with-where(
 		$selector: '.m#{$direction-prefix}-auto',
 		$enabled: $zero-specificity-for-utilities

package/src/utilities/transforms.scss

@@ -62,7 +62,7 @@
 	}
 
 	%translate-x-#{$size} {
-		translate: #{$value};
+		translate: #{$value} 0;
 	}
 	@include wrap-with-where(
 		$selector: '.translate-x-#{$size}',
@@ -92,7 +92,7 @@
 	}
 
 	%-translate-x-#{$size} {
-		translate: -#{$value};
+		translate: -#{$value} 0;
 	}
 	@include wrap-with-where(
 		$selector: '.-translate-x-#{$size}',

package/src/utilities/typography.scss

@@ -34,6 +34,7 @@
 %italic {
 	font-style: italic;
 }
+
 @include wrap-with-where(
 	$selector: '.italic',
 	$enabled: $zero-specificity-for-utilities
@@ -44,6 +45,7 @@
 %non-italic {
 	font-style: normal;
 }
+
 @include wrap-with-where(
 	$selector: '.non-italic',
 	$enabled: $zero-specificity-for-utilities
@@ -56,6 +58,7 @@
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
+
 @include wrap-with-where(
 	$selector: '.antialiased',
 	$enabled: $zero-specificity-for-utilities
@@ -67,6 +70,7 @@
 	-webkit-font-smoothing: auto;
 	-moz-osx-font-smoothing: auto;
 }
+
 @include wrap-with-where(
 	$selector: '.subpixel-antialiased',
 	$enabled: $zero-specificity-for-utilities
@@ -168,6 +172,7 @@
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
+
 @include wrap-with-where(
 	$selector: '.truncate',
 	$enabled: $zero-specificity-for-utilities
@@ -178,6 +183,7 @@
 %text-ellipsis {
 	text-overflow: ellipsis;
 }
+
 @include wrap-with-where(
 	$selector: '.text-ellipsis',
 	$enabled: $zero-specificity-for-utilities
@@ -188,6 +194,7 @@
 %text-clip {
 	text-overflow: clip;
 }
+
 @include wrap-with-where(
 	$selector: '.text-clip',
 	$enabled: $zero-specificity-for-utilities
@@ -198,6 +205,7 @@
 %text-balance {
 	text-wrap: balance;
 }
+
 @include wrap-with-where(
 	$selector: '.text-balance',
 	$enabled: $zero-specificity-for-utilities
@@ -210,6 +218,7 @@
 	overflow-wrap: normal;
 	word-break: normal;
 }
+
 @include wrap-with-where(
 	$selector: '.break-normal',
 	$enabled: $zero-specificity-for-utilities
@@ -220,6 +229,7 @@
 %break-words {
 	overflow-wrap: break-word;
 }
+
 @include wrap-with-where(
 	$selector: '.break-words',
 	$enabled: $zero-specificity-for-utilities
@@ -230,6 +240,7 @@
 %break-all {
 	word-break: break-all;
 }
+
 @include wrap-with-where(
 	$selector: '.break-all',
 	$enabled: $zero-specificity-for-utilities