@volverjs/style 0.1.13 → 0.1.15

package/src/settings/_input.scss

@@ -18,7 +18,7 @@ $input: (
 	text-overflow: ellipsis,
 	label: (
 		color: var(--color-word-2),
-		display: inline,
+		display: block,
 		font-size: var(--text-14),
 		font-weight: var(--font-normal),
 		gap: var(--spacing-xs),

package/src/tools/_mixins.scss

@@ -1006,7 +1006,7 @@
 	}
 
 	@if $enabled {
-		$selector: ':where(#{unquote($selector)})';
+		$selector: ':where(#{string.unquote($selector)})';
 	}
 
 	#{$selector} {

package/src/utilities/sizing.scss

@@ -31,7 +31,6 @@
 	$prop: w,
 	$zero-specificity: $zero-specificity-for-utilities
 );
-
 @include spread-map-into-utilities(
 	$map: $height,
 	$class: h,
@@ -40,18 +39,18 @@
 	$prop: h,
 	$zero-specificity: $zero-specificity-for-utilities
 );
-
 @include spread-map-into-utilities(
 	$map: $max-width,
 	$class: max-w,
 	$attribute: max-width,
+	$bps: $breakpoints,
 	$zero-specificity: $zero-specificity-for-utilities
 );
-
 @include spread-map-into-utilities(
 	$map: $max-height,
 	$class: max-h,
 	$attribute: max-height,
+	$bps: $breakpoints,
 	$zero-specificity: $zero-specificity-for-utilities
 );
 
@@ -60,6 +59,7 @@
 		%max-w-screen-#{$breakpoint} {
 			max-width: $breakpoint-value;
 		}
+
 		@include wrap-with-where(
 			$selector: '.max-w-screen-#{$breakpoint}',
 			$enabled: $zero-specificity-for-utilities
@@ -74,12 +74,13 @@
 	$map: $min-width,
 	$class: min-w,
 	$attribute: min-width,
+	$bps: $breakpoints,
 	$zero-specificity: $zero-specificity-for-utilities
 );
-
 @include spread-map-into-utilities(
 	$map: $min-height,
 	$class: min-h,
 	$attribute: min-height,
+	$bps: $breakpoints,
 	$zero-specificity: $zero-specificity-for-utilities
 );

package/src/utilities/tables.scss

@@ -1,4 +1,4 @@
-@import '../context';
+@use '../context' as *;
 
 // border-collapse
 @include spread-map-into-utilities(

package/src/utilities/transforms.scss

@@ -1,10 +1,11 @@
-@import '../context';
+@use '../context' as *;
 
 // scale
 @each $size, $value in $scale {
 	%scale-#{$size} {
 		scale: #{$value};
 	}
+
 	@include wrap-with-where(
 		$selector: '.scale-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -15,6 +16,7 @@
 	%scale-x-#{$size} {
 		scale: #{$value} 1;
 	}
+
 	@include wrap-with-where(
 		$selector: '.scale-x-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -25,6 +27,7 @@
 	%scale-y-#{$size} {
 		scale: 1 #{$value};
 	}
+
 	@include wrap-with-where(
 		$selector: '.scale-y-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -54,6 +57,7 @@
 	%translate-#{$size} {
 		translate: #{$value} #{$value};
 	}
+
 	@include wrap-with-where(
 		$selector: '.translate-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -64,6 +68,7 @@
 	%translate-x-#{$size} {
 		translate: #{$value} 0;
 	}
+
 	@include wrap-with-where(
 		$selector: '.translate-x-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -74,6 +79,7 @@
 	%translate-y-#{$size} {
 		translate: 0 #{$value};
 	}
+
 	@include wrap-with-where(
 		$selector: '.translate-y-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -84,6 +90,7 @@
 	%-translate-#{$size} {
 		translate: -#{$value} -#{$value};
 	}
+
 	@include wrap-with-where(
 		$selector: '.-translate-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -94,6 +101,7 @@
 	%-translate-x-#{$size} {
 		translate: -#{$value} 0;
 	}
+
 	@include wrap-with-where(
 		$selector: '.-translate-x-#{$size}',
 		$enabled: $zero-specificity-for-utilities
@@ -104,6 +112,7 @@
 	%-translate-y-#{$size} {
 		translate: 0 -#{$value};
 	}
+
 	@include wrap-with-where(
 		$selector: '.-translate-y-#{$size}',
 		$enabled: $zero-specificity-for-utilities

package/src/volver.scss

@@ -1,11 +1,7 @@
+@use 'sass:meta';
+
 // base
 @use 'base';
 
-// components
-@use 'components';
-
-// utilities
-@use 'utilities';
-
-// preflight
-@import 'preflight';
+// preflight (components and utilities are included here)
+@use 'preflight';